ベストアンサー

表

2002/08/03 07:10

掛け算の表を99×99まで作りたいんですけど、ＴＡＢＬＥでやったら、すごいので、JavaScriptで作れませんか？100×100マスですね（かけられる数とかける数の列と行を加えるから）かけられる数とかける数だけセルの背景を変えてほしいです。できますか？教えてください

noname#6521

JavaScript
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

HogePiyo
ベストアンサー率57% (24/42)

2002/08/03 10:33 回答No.4

更なる間違い＞for( rows = 1; rows <= 9; rows++ ){ document.write( "<TD BGCOLOR='", colsBGcolor ,"'>", rows, "</TD>" ); } for( rows = 1; rows <= 9; rows++ ){ document.write( "<TH BGCOLOR='", colsBGcolor ,"'>", rows, "</TH>" ); } すいません。見直しせずに投稿しちゃったもんで、、、

その他の回答 (3)

HogePiyo
ベストアンサー率57% (24/42)

2002/08/03 10:24 回答No.3

あぅ、インデント崩れてる、、、＞var rowsBGcolor = "lightyellow"; // 縦の見出しの背景色＞var colsBGcolor = "lightyellow"; // 横の見出しの背景色間違い間違い正しくは↓ var rowsBGcolor = "lightyellow"; // 横の見出しの背景色 var colsBGcolor = "lightyellow"; // 縦の見出しの背景色でした。

HogePiyo
ベストアンサー率57% (24/42)

2002/08/03 10:21 回答No.2

こんな感じでどうですか？ ************************************************ <HTML> <HEAD> <TITLE>Test</TITLE> <HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML> ************************************************

onimotsu
ベストアンサー率36% (279/758)

2002/08/03 09:08 回答No.1

スタイルシートを使用するか JavaScriptとスタイルシートを組み合わせることになると思います。スタイルシートを使った場合に10×10では（「class」を使うと便利です） <STYLE type="text/css">  </STYLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD></TD> <TD class="a">1</TD> <TD class="a">2</TD> <TD class="a">3</TD> <TD class="a">4</TD> <TD class="a">5</TD> <TD class="a">6</TD> <TD class="a">7</TD> <TD class="a">8</TD> <TD class="a">9</TD> <TD class="a">10</TD> </TR> <TR> <TD class="b">1</TD> <TD class="c">1</TD> <TD class="c">2</TD> <TD class="c">3</TD> <TD class="c">4</TD> <TD class="c">5</TD> <TD class="c">6</TD> <TD class="c">7</TD> <TD class="c">8</TD> <TD class="c">9</TD> <TD class="c">10</TD> </TR> <TR> <TD class="b">2</TD> <TD class="c">2</TD> <TD class="c">4</TD> <TD class="c">6</TD> <TD class="c">8</TD> <TD class="c">10</TD> <TD class="c">11</TD> <TD class="c">12</TD> <TD class="c">13</TD> <TD class="c">14</TD> <TD class="c">15</TD> </TR> <TR> <TD class="b">3</TD> <TD class="c">3</TD> <TD class="c">6</TD> <TD class="c">9</TD> <TD class="c">12</TD> <TD class="c">15</TD> <TD class="c">18</TD> <TD class="c">21</TD> <TD class="c">24</TD> <TD class="c">27</TD> <TD class="c">30</TD> </TR> <TR> <TD class="b">4</TD> <TD class="c">4</TD> <TD class="c">8</TD> <TD class="c">12</TD> <TD class="c">16</TD> <TD class="c">20</TD> <TD class="c">24</TD> <TD class="c">28</TD> <TD class="c">32</TD> <TD class="c">36</TD> <TD class="c">40</TD> </TR> <TR> <TD class="b">5</TD> <TD class="c">5</TD> <TD class="c">10</TD> <TD class="c">15</TD> <TD class="c">20</TD> <TD class="c">25</TD> <TD class="c">30</TD> <TD class="c">35</TD> <TD class="c">40</TD> <TD class="c">45</TD> <TD class="c">50</TD> </TR> <TR> <TD class="b">6</TD> <TD class="c">6</TD> <TD class="c">12</TD> <TD class="c">18</TD> <TD class="c">24</TD> <TD class="c">30</TD> <TD class="c">36</TD> <TD class="c">32</TD> <TD class="c">38</TD> <TD class="c">44</TD> <TD class="c">60</TD> </TR> <TR> <TD class="b">7</TD> <TD class="c">7</TD> <TD class="c">14</TD> <TD class="c">21</TD> <TD class="c">28</TD> <TD class="c">35</TD> <TD class="c">42</TD> <TD class="c">49</TD> <TD class="c">56</TD> <TD class="c">63</TD> <TD class="c">70</TD> </TR> <TR> <TD class="b">8</TD> <TD class="c">8</TD> <TD class="c">16</TD> <TD class="c">24</TD> <TD class="c">32</TD> <TD class="c">40</TD> <TD class="c">48</TD> <TD class="c">56</TD> <TD class="c">64</TD> <TD class="c">72</TD> <TD class="c">80</TD> </TR> <TR> <TD class="b">9</TD> <TD class="c">9</TD> <TD class="c">18</TD> <TD class="c">27</TD> <TD class="c">36</TD> <TD class="c">45</TD> <TD class="c">54</TD> <TD class="c">63</TD> <TD class="c">72</TD> <TD class="c">81</TD> <TD class="c">90</TD> </TR> <TR> <TD class="b">10</TD> <TD class="c">10</TD> <TD class="c">20</TD> <TD class="c">30</TD> <TD class="c">40</TD> <TD class="c">50</TD> <TD class="c">60</TD> <TD class="c">70</TD> <TD class="c">80</TD> <TD class="c">90</TD> <TD class="c">100</TD> </TR> </TBODY> </TABLE> </BODY>

質問者