Multiplication tables: Difference between revisions

Content added Content deleted
(Undo revision 101054 by 81.255.154.129 (talk))
Line 1,031: Line 1,031:
<title>12 times table</title>
<title>12 times table</title>
<script type='text/javascript'>
<script type='text/javascript'>
⚫
function multiplication_table(n, target)
{
var
⚫
table = document.createElement('table'),
⚫
row = document.createElement('tr'),
⚫
cell = document.createElement('th'),
⚫
x, y;


⚫
function multiplication_table(n, target) {
⚫
cell.appendChild(document.createTextNode('x'));
⚫
var table = document.createElement('table');
⚫
row.appendChild(cell);

⚫
for (x = 1; x <= n; x++)
⚫
var row = document.createElement('tr');
{
cell = document.createElement('th');
var cell = document.createElement('th');
cell.appendChild(document.createTextNode(x));
cell.appendChild(document.createTextNode('x'));
row.appendChild(cell);
row.appendChild(cell);
⚫
for (var x = 1; x <=n; x++) {
}
⚫
cell = document.createElement('th');
⚫
table.appendChild(row);
⚫
cell.appendChild(document.createTextNode(x));
⚫
for (x = 1; x <=n ; x++)
⚫
row.appendChild(cell);
{
}
⚫
row = document.createElement('tr');
cell = document.createElement('th');
table.appendChild(row);

⚫
cell.appendChild(document.createTextNode(x));
⚫
for (var x = 1; x <=n; x++) {
⚫
row.appendChild(cell);
⚫
row = document.createElement('tr');
⚫
for (y = 1; y < x; y++)
⚫
cell = document.createElement('th');
{
cell = document.createElement('td');
cell.appendChild(document.createTextNode(x));
cell.appendChild(document.createTextNode('\u00a0'));
row.appendChild(cell);
var y;
⚫
row.appendChild(cell);
⚫
for (y = 1; y < x; y++) {
}
cell = document.createElement('td');
⚫
for (; y <= n; y++)
⚫
cell.appendChild(document.createTextNode('\u00a0'));
{
⚫
row.appendChild(cell);
⚫
cell = document.createElement('td');
}
cell.appendChild(document.createTextNode(x * y));
⚫
for (; y <= n; y++) {
⚫
row.appendChild(cell);
cell = document.createElement('td');
}
table.appendChild(row);
cell.appendChild(document.createTextNode(x*y));
⚫
row.appendChild(cell);
}
}
target.appendChild(table);
⚫
table.appendChild(row);
}
}
⚫
target.appendChild(table);
⚫
}

</script>
</script>
<style type='text/css'>
<style type='text/css'>
body{font-family:sans-serif}
body {font-family: sans-serif;}
table{border-collapse:collapse}
table {border-collapse: collapse;}
th,td{border:1px solid #000;text-align:right;width:4ex}
th, td {border: 1px solid black; text-align: right; width: 4ex;}
</style>
</style>
</head>
</head>
Line 1,081: Line 1,078:
</body>
</body>
</html></lang>
</html></lang>

Outputs (minus the style):
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>
<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>
Retrieved from "https://rosettacode.org/wiki/Multiplication_tables"