Q&A現在ドットインストールでjQueryを使った間違いさがしという物を勉強しているのですが画面に文字が表示されません
コードは最後に記載させていただきます
動画を見ている限りは開始ボタンが押されたら文字が出てくるのですがまったく出てきません
なぜでしょうか？
JavaScript
1<!doctype html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>間違いさがしゲーム</title> 6 <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 7 8</head> 9<body> 10 <h1>間違いさがしゲーム</h1> 11 <p><input type="button" value="開始" onclick="gameStart();"></p> 12 <div id="cells"></div> 13<script> 14 function gameStart(){ 15 var dummy = "問"; 16 var seikai = "間"; 17 var dim = 5; 18 19 //dim * dimのspan要素を作って#cellsに突っ込む 20 var cells = ""; 21 for(var i = 1; i <= dim * dim; i++){ 22 cells += "<span id='s>" + i + "'></span>" 23 if(i % dim == 0){ 24 cells += "<br>"; 25 } 26 } 27 $("#cells").html(cells); 28 //dummyで埋められた配列を作る 29 var chars = []; 30 for(var i = 0; i < dim * dim; i++){ 31 chars.push(dummy); 32 } 33 34 //配列のうち一つを正解にする 35 var offset = Math.floor(Math.random() * chars.length); 36 chars.splice(offset, 1, seikai); 37 //console.log(chars); 38 //span要素にそれらの配列の値をはめ込む 39 for(var i = 0; i <= chars.length; i++){ 40 $("#s"+i).text(chars[i - 1]); 41 } 42 43 } 44</script> 45</body> 46 47</html>
回答1件
0
何かしらのミスだとおもうのですが、
JavaScript
1cells += "<span id='s>" + i + "'></span>"
余計な>があります。
以下のようになおすと表示されました。
JavaScript
1cells += "<span id='s" + i + "'></span>"
投稿2015/11/21 14:30
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。