ラジオボタンの値を取得

この回答はGPT-4による自動生成回答です

以下のようにJavaScriptを書くことで、ラジオボタンの値を取得し、診断結果を表示できます。

javascript

1function decision() {2 const sleeptime = document.querySelector('input[name="sleeptime"]:checked').value;3 const eatbreakfast = document.querySelector('input[name="eatbreakfast"]:checked').value;4 const sportsday = document.querySelector('input[name="sportsday"]:checked').value;5 6 const totalScore = parseInt(sleeptime) + parseInt(eatbreakfast) + parseInt(sportsday);7 let result = '';8 9 if (totalScore <= 4) {10 result = '診断結果A';11 } else if (totalScore <= 8) {12 result = '診断結果B';13 } else if (totalScore <= 12) {14 result = '診断結果C';15 } else {16 result = '診断結果D';17 }18 19 document.getElementById('answer1').innerText = result;20}

このコードでは、decision関数が呼ばれると、各ラジオボタンの選択された値を取得し、それらの合計点数を計算しています。その後、合計点数に応じて診断結果を決定し、answer1というIDの要素に診断結果を表示しています。

診断結果の条件や表示内容は、お好みで変更してください。

コメントを投稿

0 コメント