質問編集履歴

3

追加質問

2022/06/02 06:11

投稿

bskbbbggg
bskbbbggg

score22

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,36 @@
9
9
  という風になっています。
10
10
  これを2回目押したら2枚とも1秒後に裏になる
11
11
  3回目押しても3枚表にはならないと書きたいです
12
+ ```
13
+ var list = [];
14
+ list = ["a"];
15
+ list = [];
16
+ list = ["a","b"];
17
+
18
+ for (let i = 0; i < cards.length; i ++){
19
+ var elem2 = document.getElementById("card" + i);
20
+ elem2.addEventListener("click",function(){
21
+ console.log(list.length);
22
+ if(list.length >= 2){
23
+ console.log("aaa");
24
+ var nstr1 = str.replace(shuffle[i],image);
25
+ var display1 = document.getElementById("card" + i);
26
+ display1.innerHTML = nstr1;
27
+ }else if( list.length == 0){
28
+ console.log("bbb");
29
+ var nstr1 = str.replace(shuffle[i],image);
30
+ var display1 = document.getElementById("card" + i);
31
+ display1.innerHTML = nstr1;
32
+ }else {
33
+ console.log("ccc");
34
+ var nstr1 = str.replace(image,shuffle[i]);
35
+ var display1 = document.getElementById("card" + i);
36
+ display1.innerHTML = nstr1;
37
+ }
38
+ })
39
+ }
40
+
41
+ ```
12
42
 
13
43
  ```
14
44
 

2

実装したいこと

2022/06/02 05:24

投稿

bskbbbggg
bskbbbggg

score22

test CHANGED
@@ -1 +1 @@
1
- js 画像切り替え
1
+ js 数秒後の画像切り替え
test CHANGED
File without changes

1

実行したいこと

2022/06/02 05:17

投稿

bskbbbggg
bskbbbggg

score22

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,15 @@
1
1
  神経衰弱を作っています。
2
- トランプが裏の状態でクリックしたら表が表示される。
2
+ 裏面のトランプを押したらになる。
3
- トランプが表の状態でクリックしたら裏が表示される。
4
- トランプ2枚表の状態なら3枚目は表にならない。
3
+ 表になるトランプ2枚まで 3枚目は押しても裏のまま
5
- トランプが表の状態ならそのトランプを押しても裏にらない
4
+ 2枚トランプが表った1秒後に2枚とも裏にな
6
5
  という機能を実装しようと思っているのですが、うまくいかないので質問させていただきました。
6
+
7
- 現在のコードでは1回目、2回目押したら表
7
+ 現在のコードでは1回目、2回目押したら2枚になる
8
+ 2回目押したトランプが表になったら1秒後に2回目押したトランプだけ裏になる。
9
+ という風になっています。
10
+ これを2回目押したら2枚とも1秒後に裏になる
8
- 3回目押し、裏返るというコード作っていま
11
+ 3回目押しても3枚表にはなない書きたいです
9
- そもそもの考え方が違うのかもしれないですが、ご回答いただけたらありがたいです。
12
+
10
13
  ```
11
14
 
12
15
 
@@ -49,22 +52,38 @@
49
52
  }
50
53
  return array;
51
54
  }
52
-
53
55
  for (let i = 0; i < cards.length; i ++){
54
56
  var elem2 = document.getElementById("card" + i);
55
57
  elem2.addEventListener("click",function(){
56
58
  count++;
57
- if(count === 1 || count === 2){
59
+ if(count === 1){
58
60
  var nstr1 = str.replace(image,shuffle[i]);
59
61
  console.log(nstr1);
60
62
  var display1 = document.getElementById("card" + i);
61
63
  display1.innerHTML = nstr1;
62
- } else if(count === 3){
64
+ } else if(count === 2 ){
63
- var nstr1 = str.replace(shuffle[i],image);
65
+ var nstr1 = str.replace(image,shuffle[i]);
64
66
  console.log(nstr1);
65
67
  var display1 = document.getElementById("card" + i);
66
68
  display1.innerHTML = nstr1;
69
+ var cnt = 0;
70
+ var timer = setInterval(test,1000);
71
+ // インターバル呼び出しの関数
72
+ function test(){
73
+ cnt ++;
74
+ if(cnt === 1){
75
+ console.log("aaa")
76
+ clearInterval(timer);
77
+ var nstr1 = str.replace(shuffle[i],image);
78
+ console.log(nstr1);
79
+ var display1 = document.getElementById("card" + i);
80
+ display1.innerHTML = nstr1;
81
+ }
82
+ }
67
83
  count = 0;
68
84
  }
69
85
  })
70
86
  }
87
+
88
+
89
+