JavaScript初心者です。
簡単なクイズゲームみたいなのを、作ろうとしているんですが、HTMLでCSSファイルは読み込むのですが、JavaScriptファイルが読み込みません。
JavaScriptをまだまだ理解できてないので、JavaScriptも間違って書いているかもしれないです。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <link rel="stylesheet" href="style2.css"> 8 <script src="index2.js"></script> 9</head> 10 <body> 11 <div class="container"> 12 <div class="jumbotron mt-5"> 13 <div class="d-flex justify-content-center"> 14 <div id="js-question" class="alert alert-primary" role="alert"> 15 <h1>世界で最も売れたゲーム機は?</h1> 16 </div> 17 </div> 18 <div id="js-items" class="d-flex justify-content-center"> 19 <div class="m-2"> 20 <button type="button" id="js-btn-1" class="btn btn-primary">スーパーファミコン</button> 21 </div> 22 <div class="m-2"> 23 <button type="button" id="js-btn-2" class="btn btn-primary">プレイステーション2</button> 24 </div> 25 <div class="m-2"> 26 <button type="button" id="js-btn-3" class="btn btn-primary">ニンテンドースイッチ</button> 27 </div> 28 <div> 29 <button type="button" id="js-btn-4" class="btn btn-primary">xbox</button> 30 </div> 31 <div> 32 <button type="button" id="js-btn-5" class="btn btn-primary">任天堂64</button> 33 </div> 34 </div> 35 </div> 36 </div> 37 <script src="main.js"></script> 38 </body> 39</html> 40
CSS
1.alart { 2 font-size: 20px; 3} 4 5.btn { 6 7 background-color: rgba(29, 139, 212, 0.904); 8 height: 100px; 9 width: 150px; 10 border-radius: 10px; 11 font-size: 25px; 12 color: white; 13 margin: 15px; 14 float: left; 15}
JavaScript
1let correct = "プレイステーション2"; 2let button = document.getElementsByTagName("button"); 3let clickHandler = function(event) { 4 if (correct === event.target.textContent) { 5 //イベントをオブジェクトとして取得 + テキストの内容と解答を比較 6 window.alert("おめでとうございます、正解です!"); 7 } else { 8 window.alert("残念ですが、不正解です"); 9 } 10}; 11button[0].addEventListener("click", function(event) { 12 clickHandler(event); 13}); 14button[1].addEventListener("click", function(event) { 15 clickHandler(event); 16}); 17button[2].addEventListener("click", function(event) { 18 clickHandler(event); 19}); 20button[3].addEventListener("click", function(event) { 21 clickHandler(event); 22}); 23button[4].addEventListener("click", function(event) { 24 clickHandler(event); 25});
どこが間違っていて、JavaScriptファイル読み込まないんでしょうか?
超初心者で、ほとんど間違ってるかもしれませんが、教えていただけないでしょうか?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー