Multiplication tables: Difference between revisions

Line 1,031:
<title>12 times table</title>
<script type='text/javascript'>
function multiplication_table(n, target) {
{
var
var table = document.createElement('table');,
var row = document.createElement('tr');,
cell = document.createElement('th');,
x, }y;
 
cell.appendChild(document.createTextNode('x'));
function multiplication_table(n, target) {
row.appendChild(cell);
var table = document.createElement('table');
for (var x = 1; x <= n; x++) {
 
{
var row = document.createElement('tr');
var cell = document.createElement('th');
cell.appendChild(document.createTextNode('x'));
row.appendChild(cell);
}
for (var x = 1; x <=n; x++) {
table.appendChild(row);
cell = document.createElement('th');
for (var x = 1; x <=n ; x++) {
cell.appendChild(document.createTextNode(x));
{
row.appendChild(cell);
row = document.createElement('tr');
}
cell = tabledocument.appendChildcreateElement(row'th');
cell.appendChild(document.createTextNode('\u00a0'x));
 
row.appendChild(cell);
for (var x = 1; x <=n; x++) {
for (y = 1; y < x; y++) {
row = document.createElement('tr');
{
cell = document.createElement('th');
cell = cell.appendChild(document.createTextNodecreateElement(x)'td');
rowcell.appendChild(celldocument.createTextNode('\u00a0'));
row.appendChild(cell);
var y;
}
for (y = 1; y < x; y++) {
for (; y <= n; y++) {
cell = document.createElement('td');
{
cell.appendChild(document.createTextNode('\u00a0'));
cell = document.createElement('thtd');
row.appendChild(cell);
cell.appendChild(document.createTextNode(x * y));
}
targetrow.appendChild(tablecell);
for (; y <= n; y++) {
}
cell = document.createElement('td');
celltable.appendChild(document.createTextNode(x*y)row);
}
row.appendChild(cell);
target.appendChild(table);
}
}
table.appendChild(row);
}
target.appendChild(table);
}
 
</script>
<style type='text/css'>
body {font-family: sans-serif;}
table {border-collapse: collapse;}
th, td {border: 1px solid black#000; text-align: right; width: 4ex;}
</style>
</head>
Line 1,078 ⟶ 1,081:
</body>
</html></lang>
 
Outputs (minus the style):
<div><table><tr><th>x</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th></tr><tr><th>1</th><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td></tr><tr><th>2</th><td> </td><td>4</td><td>6</td><td>8</td><td>10</td><td>12</td><td>14</td><td>16</td><td>18</td><td>20</td><td>22</td><td>24</td></tr><tr><th>3</th><td> </td><td> </td><td>9</td><td>12</td><td>15</td><td>18</td><td>21</td><td>24</td><td>27</td><td>30</td><td>33</td><td>36</td></tr><tr><th>4</th><td> </td><td> </td><td> </td><td>16</td><td>20</td><td>24</td><td>28</td><td>32</td><td>36</td><td>40</td><td>44</td><td>48</td></tr><tr><th>5</th><td> </td><td> </td><td> </td><td> </td><td>25</td><td>30</td><td>35</td><td>40</td><td>45</td><td>50</td><td>55</td><td>60</td></tr><tr><th>6</th><td> </td><td> </td><td> </td><td> </td><td> </td><td>36</td><td>42</td><td>48</td><td>54</td><td>60</td><td>66</td><td>72</td></tr><tr><th>7</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>49</td><td>56</td><td>63</td><td>70</td><td>77</td><td>84</td></tr><tr><th>8</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>64</td><td>72</td><td>80</td><td>88</td><td>96</td></tr><tr><th>9</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>81</td><td>90</td><td>99</td><td>108</td></tr><tr><th>10</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>100</td><td>110</td><td>120</td></tr><tr><th>11</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>121</td><td>132</td></tr><tr><th>12</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>144</td></tr></table></div>
Anonymous user