为什么我在我的脚本的第一行中得到JS错误语法错误：无效或意外的标记？

我试图让按钮上的index.html页面上的图片发生变化。这里是我的HTML：为什么我在我的脚本的第一行中得到JS错误语法错误：无效或意外的标记？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
    <button id="lolcatButton">Show me the LOLCat!</button> 
    <br><br> 
    <img id="lolcatImage" src=https://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2016/09/cat5.jpg> 
    <script src="script.js"></script> 
</body>

这是我的JS：无效的或意外的标记：

var lolcatButton = document.getElementById(“lolcatButton”);  
var lolcatImage = document.getElementById(“lolcatImage”);  
var image = "https://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2016/09/cat4.jpg";  

var showMeTheLolcat = function(){  
    lolcatImage.src = image;  
};  

lolcatButton.addEventListener(“click”, showMeTheLolcat);

我在JS”未捕获的SyntaxError的1线得到一个错误。 “

有没有人有任何想法？非常感谢你！。

来源

2017-06-23 Donny

实际执行代码在“lolcatbutton”和“click”之间加上引号，即实际上没有的''''和'''字符'“'。 –

请注意，通常对于“意外令牌”错误，如果在控制台中单击错误的行号，它将带您到该行并突出显示有问题的令牌。 – nnnnnn

var lolcatButton = document.getElementById("lolcatButton");

更改”到“而其他线路

来源

2017-06-23 02:34:37 gxvv

您可以重新组织你的代码是这样的：

<button id="lolcatButton" onclick="showMeTheLolcat()">Show me the LOLCat!</button> 
    <br><br> 
<img id="lolcatImage" src=https://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2016/09/cat5.jpg> 


<script> 
function showMeTheLolcat() { 
var image = "https://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2016/09/cat4.jpg"; 
lolcatImage.src = image; 
} 
</script>

Try it on jsfiddle here

来源

2017-06-23 02:59:51

为什么我在我的脚本的第一行中得到JS错误语法错误：无效或意外的标记？

回答

相关问题