teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

btnのコード修正

2020/10/05 14:25

投稿

beginner.tanaka
beginner.tanaka

スコア23

title CHANGED
File without changes
body CHANGED
@@ -59,4 +59,32 @@
59
59
 
60
60
  btn.addEventListener("click", getCheckedCount, false);
61
61
  の場所がダメなのかと思い、上に設置したりしましたが、同じエラーで解決することができませんでした。
62
- ご助力のほどよろしくお願いします。
62
+ ご助力のほどよろしくお願いします。
63
+
64
+
65
+ ###追記
66
+ btnのコードをミスしていた為、修正しました。
67
+ ```
68
+ //チェックボックスを取得する
69
+ const el = document.getElementsByClassName("checks");
70
+ //カウントボタンを取得する
71
+ const btn = document.getElementById("btn");
72
+
73
+ //チェック済みのチェックボックスの数を返す
74
+ const getCheckedCount = () => {
75
+
76
+ let count = 0;
77
+
78
+ for (let i = 0; i < el.length; i++) {
79
+ if (el[i].checked) {
80
+ count++;
81
+ }
82
+ }
83
+ alert(count);
84
+ };
85
+
86
+ //ボタンをクリックした時に「getCheckedCount()」を呼び出す
87
+ btn.addEventListener("click", getCheckedCount, false);
88
+ ```
89
+ ですが同様のエラーがでてしまいます。。。
90
+ ![イメージ説明](46e236d722511e36283146151f5cf06f.png)