回答編集履歴

回答者要望に併せた

2020/10/11 05:15

投稿

YakumoSaki

スコア2027

answer CHANGED Viewed

@@ -8,37 +8,33 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <script>
-        function countCheckedCheckbox(className, sumElement, logname) {
+        function countCheckedCheckbox(elements, sumElement, logname) {
-            const checks = document.getElementsByClassName(className);
-            let countA = 0;
+            let count = 0;
-            for (let i = 0; i < checks.length; i++) {
+            for (let i = 0; i < elements.length; i++){
-                if (checks[i].checked){
+                if (elements[i].checked){
-                    countA = countA + 1 ;
+                    count = count + 1;
-                    // console.log(countA)
                 }
             }
-            console.log(`${logname}の合計は${countA}です`);
+            console.log(`${logname}の合計は${count}です`);
-            sumElement.innerHTML = countA;
+            sumElement.innerHTML = count;
         }
         function checkbox() {
-            // チェックされたチェックボックスを取得
             const checksA = document.getElementsByClassName("checks_one");
             const checksB = document.getElementsByClassName("checks_two");
-            const btn = document.getElementById("btn");
+            const btn = document.getElementById("btn")
             btn.addEventListener("click", () => {
                 const countSumA = document.getElementById("sum_one")
                 const countSumB = document.getElementById("sum_two")
-                countCheckedCheckbox("checks_one", countSumA, "タイプA");
+                countCheckedCheckbox(checksA, countSumA, "タイプA");
-                countCheckedCheckbox("checks_two", countSumB, "タイプB");
+                countCheckedCheckbox(checksB, countSumB, "タイプB");
             })
         }
-        window.addEventListener("load",checkbox);
+        window.addEventListener("load",checkbox);
     </script>
 </head>
 <body>