🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
button

HTMLで用いる<button>タグです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

1回答

682閲覧

Javascriptでbuttonが反応してくれません

naizou

総合スコア1

button

HTMLで用いる<button>タグです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2021/01/30 01:30

前提・実現したいこと

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

試したこと

偶数奇数かを判断するボタンの関数をコメントアウトをすると
ランダムな数字が表示されるところまではできましたが
偶数奇数のボタンの関数を追加すると
ランダムな数字の生成もされなくなりました。
どなたか教えていただけると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ブラウザのデベロッパツールのコンソール確認してください。
何もおさなくても、画面表示時点でエラー出てます。

Uncaught SyntaxError: invalid assignment left-hand side

投稿2021/01/30 02:04

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

naizou

2021/01/30 02:07

回答ありがとうございます! 確認してみます!
m.ts10806

2021/01/30 02:08

そこだけなおしてもまたエラー出ますけどね。 標準の機能など、手で打つのではなくコピペか、予測機能があるエディタ使われたほうが良いです。
m.ts10806

2021/01/30 02:11 編集

「文字列」と「変数」あたりから見直されたほうが良さそうです。 「変数のスコープ」とかも。 コピペのツギハギで作ったのなら、おそらくかなり厳しいと思います。
naizou

2021/01/30 06:05 編集

リンクも教えていただきありがとうございます! とりあえず1から勉強し直しが必要と分かりました! 変数のスコープもよく分かっていないので、勉強し直します! 計算をしたいのに=を1つしかつけていない時点で完全に間違えてましたね!リンク助かりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問