ID非公開さん
2022/6/29 18:40
1回答
javascriptで「表示」を押すと箱が5つ表示されるという課題をやってるのですが、エラーメッセージが出てきて解決策が全く分かりません。助けていただけないでしょうか
javascriptで「表示」を押すと箱が5つ表示されるという課題をやってるのですが、エラーメッセージが出てきて解決策が全く分かりません。助けていただけないでしょうか m(_ _)m (ソースコード) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style> .box{ height:100px; width:100px; background-color:yellow; border:1px solid red; } </style> <script type="text/javascript"> function Hako(){ var html=""; for(i=0;i<5;i++){ html = html + "<div class='box'></div>"; } document.getElementById("box").innerHTML =<div class="box1"></div> document.getElementById("dispAera").innerHTML=html; } </script> </head> <body> <h1> </h1> <hr> <a href="javascript:void(0);" onclick="Hako();">表示</a> <div id="dispArea"></div> </body> </html>
JavaScript | プログラミング・21閲覧・25
ベストアンサー
ID非公開さん >･･･「表示」を押すと箱が5つ表示されるという課題･･････ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> .box{ height:100px; width:100px; background-color:yellow; border:1px solid red; } </style> </head> <body> <script type="text/javascript"> function Hako(){ var html=""; for(i=0;i<5;i++){ html = html + "<div class='box'></div>"; } // document.getElementById("box").innerHTML ="<div class='box1'></div>"; 削除 document.getElementById("dispArea").innerHTML= html; // タイプミス修正 } </script> </head> <body> <h1>課題</h1> <hr> <a href="javascript:void(0);" onclick="Hako();">表示</a> <div id="dispArea"></div> </body> </html>
質問者からのお礼コメント
ありがとうございました。
お礼日時：6/29 22:54
