2017-03-04 94 views
1

有人能告诉我这段代码有什么问题吗?我无法让它工作。 我试图让这个按钮可以点击,但其一直给一个错误:未捕获 语法错误:无效的或意外的标记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")}); 
+0

变化'#myBtn'到' “myBtn”' - 'getElementById'需要一个** **字符串作为参数,它不指望一个CSS选择器 –

+0

如果我改变,如果说“myBtn没有定义,但是谢谢 –

+0

,也许你没有带id =”myBtn“的按钮 - 或者你的javascript在按钮创建之前运行 - 因为你没有显示任何其他代码,我只是推测 –

回答

1

你应该将你的script.js的声明文件,你指的是实际的DOM元素的下面。

所以你的HTML应该看起来像:

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

你先更好地学习js。 它应该是:

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

我刚刚复制并粘贴到它,它仍然给我同样的错误 –

+0

这不是一个特别有用的回应。具体描述你改变了什么以及为什么。如果你要回答,实际上提供一些知识。 –

+0

@AlexanderKrikunov你应该推你的所有代码。没有更多信息很难找出问题。 – blackmiaool

0

试试看

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>


+0

我想这样做,但它仍然给了我这个错误:未捕获的类型错误:在Javascript.js无法读取空 的特性“的addEventListener”:16 –

+0

检查这个** **链接[链接您的问题(https://开头jsfiddle.net/abhishekpandey/nwganfLe/) –