現在ドットインストールで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>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。