回答編集履歴
1
sample
answer
CHANGED
|
@@ -2,4 +2,36 @@
|
|
|
2
2
|
- $('sells') → $('#cells')
|
|
3
3
|
- $('#s'+1) → $('#s'+i)
|
|
4
4
|
|
|
5
|
-
あたりが致命的
|
|
5
|
+
あたりが致命的
|
|
6
|
+
|
|
7
|
+
#sample
|
|
8
|
+
```HTML
|
|
9
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
10
|
+
<script>
|
|
11
|
+
$(function(){
|
|
12
|
+
$('[value="開始！"]').on('click',function(){
|
|
13
|
+
var dummy = '□';
|
|
14
|
+
var seikai = '■';
|
|
15
|
+
var dim = 5;
|
|
16
|
+
var len=dim*dim;
|
|
17
|
+
$('#cells').empty();
|
|
18
|
+
for (var i = 1; i <= len; i++){
|
|
19
|
+
$('<span>').attr('id','s'+i).text(dummy).appendTo($('#cells'));
|
|
20
|
+
if (i % dim == 0){
|
|
21
|
+
$('<br>').appendTo($('#cells'));
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
var offset = Math.floor(Math.random() * len) ;
|
|
25
|
+
console.log(offset);
|
|
26
|
+
$('#cells span').eq(offset-1).text(seikai);
|
|
27
|
+
$('#cells span').filter(function(){return $(this).text()==seikai;}).on('click',function(){
|
|
28
|
+
alert("正解!");
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
</script>
|
|
33
|
+
<h1>間違い探しゲーム</h1>
|
|
34
|
+
<p><input type="button" value="開始！"></p>
|
|
35
|
+
<div id="cells"></div>
|
|
36
|
+
|
|
37
|
+
```
|