teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問一度だけ押せるボタンsetAttributeをもちいて

編集履歴

質問編集履歴

1

コードを見やすくした

2020/11/11 06:20

投稿

ma_-
ma_-

スコア1

test CHANGED
File without changes
test CHANGED
@@ -2,79 +2,71 @@
2
2
 
3
3
  松　竹　梅というボタンを作ってそれを一度だけ押せる
4
4
 
5
+ HTML
5
6
 
7
+ <div>
6
8
 
7
- ここに質問の内容を詳しく書いてください。
9
+ <input type="button" value="松" onclick="btnClick(0);" >
8
10
 
9
- <script>
11
+ <input type="button" value="竹" onclick="btnClick(1);>
10
12
 
13
+ <input type="button" value="梅" onclick="btnClick(2);>
14
+
15
+ <h2 id="msg"></h2>
16
+
17
+ </div>
18
+
19
+ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
20
+
21
+ 表示例
22
+
23
+ ​
24
+
25
+ ![イメージ説明](21368f971dd65e017f12a370958bd59b.png)
26
+
27
+
28
+
29
+ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
30
+
31
+ Javascript
32
+
33
+
34
+
11
- function btnClick(prm) {
35
+ function btnClick(prm) {
12
36
 
13
37
  var text = ['松','竹','梅'];
14
38
 
15
39
  var target = document.getElementsByClassName('select')
16
40
 
17
- for (var i = 0; i < target.length; i++) {
41
+
18
42
 
19
- target[i].removeAttribute('disabled');
43
+ 　　　　　　　　　for (var i = 0; i < target.length; i++) {
20
44
 
21
- }
45
+
22
46
 
23
- target[prm].setAttribute('disabled', 'disabled');
47
+ 　　　　　　　　　target[i].removeAttribute('disabled');
24
48
 
25
- document.getElementById("msg").textContent = text[prm];
49
+
26
50
 
27
- }
51
+ 　　　　　　　　　}
28
52
 
29
- </script>
53
+ target[prm].setAttribute('disabled', 'disabled');
30
54
 
31
- <body>
55
+ document.getElementById("msg").textContent = text[prm];
56
+
57
+ }
58
+
59
+
60
+
61
+
62
+
63
+
32
64
 
33
65
 
34
66
 
35
- <div>
67
+
36
68
 
37
- <input type="button" value="松" onclick="btnClick(0);">
69
+
38
-
39
- <input type="button" value="竹" onclick="btnClick(1);">
40
-
41
- <input type="button" value="梅" onclick="btnClick(2);">
42
-
43
- <h2 id="msg"></h2>
44
-
45
- </div>
46
-
47
- というプログラムを書いたのですが
48
-
49
- ボタンを押してもなにも表示されません
50
-
51
- どこが間違ってるか教えていた咲ければ幸いです
52
-
53
-
54
-
55
- ### 発生している問題・エラーメッセージ
56
-
57
- 10イベント.html:60 Uncaught TypeError: Cannot read property 'setAttribute' of undefined
58
-
59
- 何を試しても上記のエラーメッセージが出てきます
60
-
61
- ```
62
-
63
- エラーメッセージ
64
-
65
- ```10イベント.html:60 Uncaught TypeError: Cannot read property 'setAttribute' of undefined
66
-
67
-
68
-
69
- ### 該当のソースコード
70
-
71
- target[prm].setAttribute('disabled', 'disabled');
72
-
73
-
74
-
75
-
76
-
77
-
78
70
 
79
71
  ### 試したこと
80
72