Q&A
前提・実現したいこと
javascriptでランダムな数字を表示して、それが偶数か奇数かボタンを押して判断するゲームを作りたいのですが、偶数か奇数か判断するボタンが反応してくれません。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>偶数奇数ゲーム</title> 6</head> 7<body> 8 <h1>この下に数字を表示</h1> 9 <button id="startBtn">スタートボタン</button> 10 <div id="randomNum">ランダムな数字を作成</div> 11 <button id="evenbutton">偶数</button> 12 <button id="oddbutton">奇数</button> 13 <script type="text/javascript" src="number.js"></script> 14</body> 15</html> 16
javascript
1//数字の要素を取得 2const newNum = document.getElementById('randomNum'); 3const btn = document.getElementById('startBtn'); 4 5//スタートボタンを押すとランダムな数字を表示 6btn.addEventListener('click',()=>{ 7 const randomNum = Math.floor( Math.random() * 11 ); 8 newNum.textContent = randomNum 9}); 10 11//偶数か奇数かを判断するボタン。ここから下がボタンを押しても無反応です。 12const evenBtn = document.getElementByid('evenbutton'); 13 14evenBtn.addEventListener('click',()=>{ 15 if ( (randomNum % 2) = 0) { 16 alert(正解です) 17 }else{ 18 alert(不正解です) 19 } 20}); 21 22const oddBtn = document.getElementByid('oddbutton'); 23 24oddBtn.addEventListener('click',()=>{ 25 if ( (randomNum % 2) = 0) { 26 alert(正解です) 27 }else{ 28 alert(不正解です) 29 } 30}); 31 32
試したこと
偶数奇数かを判断するボタンの関数をコメントアウトをすると
ランダムな数字が表示されるところまではできましたが
偶数奇数のボタンの関数を追加すると
ランダムな数字の生成もされなくなりました。
どなたか教えていただけると幸いです。
回答1件
0
ブラウザのデベロッパツールのコンソール確認してください。
何もおさなくても、画面表示時点でエラー出てます。
投稿2021/01/30 02:04
総合スコア80875
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/30 02:07
2021/01/30 02:08
2021/01/30 02:11 編集
2021/01/30 06:05 編集