###前提・実現したいこと
javascriptで診断テストのようなものを作りたいと思っています。質問に対して「はい」か「いいえ」を選んでいき、最後に診断結果が出るというようなものです。以下のコードでエラーが出てしまいます。おそらくaddEventListenerを使ってページ遷移させているからなのですが、このようなエラーが出ないようにするにはどうすれば良いでしょうか。よろしくお願いいたします。
###発生している問題・エラーメッセージ
Uncaught TypeError: Cannot read property 'addEventListener' of null at main.js:4 at main.js:7
###該当のソースコード
index.html
1<!DOCTYPE> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>診断テスト</title> 6 <link rel="stylesheet" href="styles.css"> 7</head> 8<body> 9 <div id="container"> 10 <h1>診断テスト</h1> 11 <div id="start">スタート</div> 12 </div> 13 <script src="main.js"></script> 14</body> 15</html>
question1.html
1<!DOCTYPE> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" href="styles.css"> 7</head> 8<body> 9 <div id="container"> 10 <div class="question">質問1:テキストテキストテキストテキストテキストテキストテキスト</div> 11 <div class="yes_no"><div id="yes1" class="yes">はい</div><div id="no1" class="no">いいえ</div></div> 12 </div> 13<script type='text/javascript' src="main.js"></script> 14</body> 15</html>
Javascript
1(function(){ 2 'use strict'; 3 var start = document.getElementById('start'); 4 start.addEventListener('click', function(){ 5 window.location.href = "question1.html"; 6 }) 7})();
###試したこと
DOMcontentLoadedを使ってもエラーが消えませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答2件
あなたの回答
tips
プレビュー