| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style type="text/css" media="screen"> | 3 <style type="text/css" media="screen"> |
| 4 form { | 4 form { |
| 5 -webkit-column-count: 3; | 5 -webkit-column-count: 3; |
| 6 -webkit-column-gap: 0px; | 6 -webkit-column-gap: 0px; |
| 7 -moz-column-count: 3; | 7 -moz-column-count: 3; |
| 8 -moz-column-gap: 0px; | 8 -moz-column-gap: 0px; |
| 9 background: #ccccff; | 9 background: #ccccff; |
| 10 margin: 0px; | 10 margin: 0px; |
| 11 padding: 0px; | 11 padding: 0px; |
| 12 border: solid 1px red; | 12 border: solid 1px red; |
| 13 } | 13 } |
| 14 | 14 |
| 15 input[type="number"] { | 15 input[type="number"] { |
| 16 width: 100px; | 16 width: 100px; |
| 17 height: 50px; | 17 height: 50px; |
| 18 font-size: 44px; |
| 18 } | 19 } |
| 19 | 20 |
| 20 td { | 21 td { |
| 21 background: red; | 22 background: red; |
| 22 } | 23 } |
| 23 </style> | 24 </style> |
| 24 <script> | 25 <script> |
| 25 const numForms = 4; | 26 const numForms = 4; |
| 26 const numCols = 3; | 27 const numCols = 3; |
| 27 | 28 |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 135 <tr><td><input id="c31" type="number" min="0" max="100" step="10" /></td></tr> | 136 <tr><td><input id="c31" type="number" min="0" max="100" step="10" /></td></tr> |
| 136 <tr><td><input id="c32" type="number" min="0" max="100" step="10" /></td></tr> | 137 <tr><td><input id="c32" type="number" min="0" max="100" step="10" /></td></tr> |
| 137 </table> | 138 </table> |
| 138 </form> | 139 </form> |
| 139 | 140 |
| 140 <h2>Results</h2> | 141 <h2>Results</h2> |
| 141 <div id="mousepos"></div> | 142 <div id="mousepos"></div> |
| 142 <div id="res"></div> | 143 <div id="res"></div> |
| 143 | 144 |
| 144 </html> | 145 </html> |
| OLD | NEW |