回答受付が終了しました
ID非公開さん
2022/1/21 15:38
1回答
プログラミングについての質問です。クイズゲームをつくりたいのですが、最初のスタートをクリックするとplay 関数を呼び出してページが進むようにするにはどうすればよいのですか？？今のまま実行するとスタートボ
プログラミングについての質問です。クイズゲームをつくりたいのですが、最初のスタートをクリックするとplay 関数を呼び出してページが進むようにするにはどうすればよいのですか？？今のまま実行するとスタートボ タンの下にクイズが連なってしまいます… <script> function play() { function answerQuiz1() { const quiz_1 = document.getElementById('quiz-1').ClassName = "active"; const select = '1問目：' + quiz_1.answer.value + 'を選択しました'; if (quiz_1.answer.value == 'a') { score++; console.log(select); console.log(correct); } else if (quiz_1.answer.value == 'b') { console.log(select); console.log(incorrect); } else { alert('1問目の答えを入力してください'); } console.log('現在の点数：' + score); } } </script> </head> <body> <h1>クイズ</h1> <button id="playBtn" onclick="play();">スタート</button> </body> <body> <div class="quizzes-container"> <h1>STERT!</h1> <div class="quiz-container"> <h2>第1問</h2> <div> <p>問題表示</p> </div> <form id="quiz-1" class="active"> <input name="answer" type="radio" value="1">〇</input> <input name="answer" type="radio" value="2">×</input> </form> <button class="btn" type="button" onclick="answerQuiz1();">回答する</button> </div> <div class="quiz-container"> <div id="score-container"> <p id="score-message"></p> </div> <button class="btn-score" type="button" onclick="showScore();">合計得点は…！！</button> </div> </body> </html>
最初は省略しています。JavaScriptです
JavaScript・51閲覧
