Q&A
どの部分で「Enterキーを押して実行する」を実装しているつもりなのでしょうか。そのあたりを解説されないと「書いてる通りに動いてるね」くらいの感想しかないです。
Enterキーを押しても実行されるコードを作りたいのですが、ボタンを押すしか実行する方法が
ありません。間違っている箇所がありましたら教えてくれたら幸いです。(また、以下がコードです)
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>都道府県クイズ</title> <script type="text/javascript"> var quizzes = [ {q : "《動》～が欲しい、～を望む", a : "want"}, {q : "《動》～を望む", a : "hope"}, {q : "《動》～を必要とする", a : "require"}, {q : "《名》要求;需要", a : "demand"}, {q : "《名》文化", a : "culture"}, {q : "《名》文明", a : "civilization"}, {q : "《名》農業", a : "industry"}, {q : "《名》原因", a : "cause"}, {q : "《名》結果", a : "result"}, {q : "《前》.～のような", a : "like"}, {q : "《形》(～によく)似ている", a : "similar"}, {q : "《形》等しい", a : "equal"}, {q : "《名》コピー", a : "copy"}, {q : "《動》呼ぶ", a : "call"}, {q : "《動》～を説明", a : "explain"}, {q : "《動》～を描写する", a : "describe"}, {q : "《動》～を意味する", a : "mean"}, {q : "《形》(外見などが)似ている", a : "alike"} ,]; var quiz; window.onload = function(){ init(); }; var count = 0; let point = 0; function init(){ var qnumber = Math.floor( Math.random() * 18) ; quiz = quizzes[qnumber]; document.getElementById("text_q").innerHTML = (count + 1) + "問目"; //問題用のフォームに表示する var questionForm = document.querySelector("#question"); questionForm.value = quiz.q; document.getElementById("text_p").innerHTML = point + "点"; } function onKeyPress(e) { if ( e.keyCode !== 13 || ( e.keyCode === 13 && (e.shiftKey === true || e.ctrlKey === true || e.altKey === true) )) { // Enterキー除外 return false; } doAnswer(); } function doAnswer(){ //回答用のフォームに入力した値を取得 var answerForm = document.querySelector("#answer"); var answer = answerForm.value; //回答用フォームで入力した内容を削除する answerForm.value = ""; //入力した内容が正しいか調べる var s=''; var ca = ''; if (answer == quiz.a) { //正解 s += "○" + quiz.a point +=3 } else { //不正解 s += "✖" + quiz.a point -= 1 } document.getElementById("text_a").innerHTML = s; //次の問題を表示 count++; if (count < quizzes.length) { next(); } else { quizResult(); //終了 } } function next(){ init(); } </script> </head> <body > <div id="text_q"></div> <textarea id="question" name="message" rows="2" cols="30"></textarea><br> <input type="text" id="answer" value=""> <input type="button" value="答える"onclick="doAnswer();"> <h2>解答</h2> <div id="text_a"></div> <div id="text_s"></div> <div id="text_t"></div> <h2>得点</h2> <font size="4" color="#ff0000"><div id="text_p"></div></font> </body> </html>
回答1件
0
ベストアンサー
以下のファンクションを追加して
JavaScript
1function enter() { 2 if( window.event.keyCode == 13 ){ 3 doAnswer(); 4 } 5}
こうする
HTML
1<input type="text" id="answer" value="" onkeypress="enter();">
投稿2021/05/01 02:04
総合スコア8402
あなたの回答
tips
プレビュー
