回答編集履歴

1

sample

2016/11/29 01:34

投稿

yambejp
yambejp

スコア114905

test CHANGED
@@ -7,3 +7,67 @@
7
7
 
8
8
 
9
9
  あたりが致命的
10
+
11
+
12
+
13
+ #sample
14
+
15
+ ```HTML
16
+
17
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
18
+
19
+ <script>
20
+
21
+ $(function(){
22
+
23
+ $('[value="開始!"]').on('click',function(){
24
+
25
+ var dummy = '□';
26
+
27
+ var seikai = '■';
28
+
29
+ var dim = 5;
30
+
31
+ var len=dim*dim;
32
+
33
+ $('#cells').empty();
34
+
35
+ for (var i = 1; i <= len; i++){
36
+
37
+ $('<span>').attr('id','s'+i).text(dummy).appendTo($('#cells'));
38
+
39
+ if (i % dim == 0){
40
+
41
+ $('<br>').appendTo($('#cells'));
42
+
43
+ }
44
+
45
+ }
46
+
47
+ var offset = Math.floor(Math.random() * len) ;
48
+
49
+ console.log(offset);
50
+
51
+ $('#cells span').eq(offset-1).text(seikai);
52
+
53
+ $('#cells span').filter(function(){return $(this).text()==seikai;}).on('click',function(){
54
+
55
+ alert("正解!");
56
+
57
+ });
58
+
59
+ });
60
+
61
+ });
62
+
63
+ </script>
64
+
65
+ <h1>間違い探しゲーム</h1>
66
+
67
+ <p><input type="button" value="開始!"></p>
68
+
69
+ <div id="cells"></div>
70
+
71
+
72
+
73
+ ```