JSはイベントリスナーの作業を行うことができません

このコードで何が問題なのか教えていただけますか？私はそれを働かせることはできません。私は、このボタンのクリック可能をしようが、エラーを与えてキープしています：キャッチされないでSyntaxError：無効または予期しないトークンJSはイベントリスナーの作業を行うことができません

HTML：

 <!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link rel="Stylesheet" href="../CSS/Reset.css" type="text/css"> 
    <link rel="Stylesheet" href="../CSS/style.css" type="text/css"> 
    <meta charset="UTF-8"> 
    <title>Psychic Game</title> 

</head> 
<body> 
<script src="../JS/Javascript.js" type="text/javascript"> 
</script> 
<button id="myBtn"> A </button> 
<h1> Psychic Game </h1> 

<h3> Guess what letter im thinking of </h3> 

<h3> Wins: </h3> 

<h3> Losses: </h3> 

<h3> Guesses Left: </h3> 

<h3> Your Guesses so far: </h3>

JS：

var computerChoice = letterBank[Math.floor(Math.random() * letterBank.length)]; 
function log() { 
console.log(computerChoice); 
} 
//document.getElementById("myBtn").addEventListener("click", function(){console.log("computerChoice")}); 
document.getElementById("myBtn").addEventListener("click", function(){console.log("computerChoice")});

出典

2017-03-04 Alexander Krikunov

変更 '＃のmyBtn' - ' getElementById'が引数として** **文字列を期待し、それは期待していないがCSSセレクター –

もし私がそれを変更すると "myBtnは定義されていませんが、 –

あなたにはおそらく' id = "myBtn" 'のボタンがありません - あるいはボタンが作成される前にjavascriptが実行されていますあなたが他のコードを表示していないので、私はそのidが存在するボタンが存在するが、問題があれば、読み込み順序の悪い点検に感謝して –

あなたが参照している実際のDOM要素下記のおscript.jsファイルの宣言を移動する必要があります。

だからあなたのHTMLは、そのようになります。 ` "myBtnです"`へ

<body> 
<button id="myBtn"> A </button> 
<script src="../JS/Javascript.js" type="text/javascript"> 
</script> 
<h1> Psychic Game </h1>

出典

2017-03-04 08:25:17

あなたがしたいです最初はより良い学習js。それはする必要があります：

document.getElementById("myBtn").addEventListener("click", function(){console.log("computerChoice")});

出典

2017-03-04 07:02:44 blackmiaool

これをコピーして貼り付けただけで、同じエラーが表示される –

これは特に役に立ちません。具体的にあなたが何を変更したのか説明してください。あなたが答えようとしているなら、実際にいくつかの知識を提供してください。 –

@AlexanderKrikunovあなたはすべてのURコードを押してください。それ以上の情報なしで問題を見つけるのは難しいです。 – blackmiaool

document.getElementById('demo').addEventListener('click', function(){ 
 
\t \t alert('clicked') 
 
})

<button type="button" id='demo'>Click Me!</button>

document.getElementById('demo').addEventListener('click', function(){ 
 
\t \t alert('clicked') 
 
})

<p id="demo">Click me</p>

それを試してみてください

出典

2017-03-04 07:15:47

私はこれをやってみましたが、それでも私にこのエラーが出ました：Uncaught TypeError：nullのプロパティ 'addEventListener'を読み取ることができません Javascript.jsで：16 –

これを確認してください** link ** [問題のリンク]（https：// jsfiddle.net/abhishekpandey/nwganfLe/） –

JSはイベントリスナーの作業を行うことができません

答えて

関連する問題