前提・実現したいこと
javascriptを勉強し始めて約2週間なのですが、
下記の問題が分からず先に進めません。
javascriptで、
trを何回をクリックしても100人分だけテーブルを
表示させるようにしたいです。
100人以降は表示させないようにしたいです。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
javascript
1//tableデザイン 2var $box1 = document.getElementById("box1"); 3$box1.style.backgroundColor = "#7b5544"; 4$box1.style.borderColor = "#7b5544"; 5$box1.style.color = "#ffffff"; 6 7var $box2 = document.getElementById("box2"); 8 9 10//処理 11document.getElementById("main").addEventListener("click", function(){ 12 13 var num; 14 15 for(num = 1; num <= 100; num++){ 16 var tr = document.createElement("tr"); 17 tr.style.backgroundColor = "#ffffff"; 18 tr.style.color = "#000000"; 19 20 21 var td1 = document.createElement("td"); 22 td1.innerHTML = num; 23 tr.appendChild(td1); 24 25 26 var td2 = document.createElement("td"); 27 td2.innerHTML = "ユーザー名" + num; 28 tr.appendChild(td2); 29 30 var td3 = document.createElement("td"); 31 td3.innerHTML = "ログインID" + num; 32 tr.appendChild(td3); 33 34 var td4 = document.createElement("td"); 35 td4.innerHTML = "パスワード" + num; 36 tr.appendChild(td4); 37 38 $box2.appendChild(tr); 39 40 if(100 < num){ 41 break; 42 } 43 } 44 45}, false); 46 47 48
試したこと
breakや、returnを付けてみたのですが、
思った通りに動きませんでした。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
JavaではなくJQuery、JavaScriptですよね。
全くの別物なので混同しないでください。
「思った通り」とは何でしょうか?
エスパーじゃないのであなたの思ったこと読めないんですよ。