JS不能讓eventlistener工作

有人能告訴我這段代碼有什麼問題嗎？我無法讓它工作。我試圖讓這個按鈕可以點擊，但其一直給一個錯誤：未捕獲語法錯誤：無效的或意外的標記JS不能讓eventlistener工作

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'到' 「myBtn」' - 'getElementById'需要一個** **字符串作爲參數，它不指望一個CSS選擇器 –

如果我改變，如果說「myBtn沒有定義，但是謝謝 –

，也許你沒有帶id =」myBtn「的按鈕 - 或者你的javascript在按鈕創建之前運行 - 因爲你沒有顯示任何其他代碼，我只是推測 –

你應該將你的script.js的聲明文件，你指的是實際的DOM元素的下面。

所以你的HTML應該看起來像：

<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你應該推你的所有代碼。沒有更多信息很難找出問題。 – 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

我想這樣做，但它仍然給了我這個錯誤：未捕獲的類型錯誤：在Javascript.js無法讀取空的特性「的addEventListener」：16 –

檢查這個** **鏈接[鏈接您的問題（https：//開頭jsfiddle.net/abhishekpandey/nwganfLe/） –

JS不能讓eventlistener工作

回答

相關問題