Question

我正在重新学习Javascript，并且在点击按钮时更改文本颜色时遇到了麻烦。

许多其他问题引用了更改按钮本身的颜色，而我所拥有的代码似乎没有错误。

<body>
<h1>My First Web Page</h1>
<p>Exciting stuff! This is my first web page.</p>
<button id= “color”>Change color!</button>
<script>
document.getElementById('color').onclick = changeColor; var currentColor = “red”;
function changeColor() { 
        if(currentColor == “red”){ 
    document.body.style.color = “green”;
    currentColor = “green”;
        } else {
        document.body.style.color = “red”;
        currentColor = “red”;
        } 
            return currentColor; 
    }
</script>
</body>

然而，行

document.getElementById('color').onclick = changeColor; var currentColor = “red”;

生成错误，指出它是非法令牌。最初，我认为问题与不将代码放在表单中有关。教学视频的演示似乎工作正常，但我一直收到这个错误。任何人都可以提出一个出错的想法吗？

Answer 1

您的代码运行正常但您使用incorrect语法。将“更改为" 引号。

此外，您不需要在函数内部使用return语句，该语句代表onclick事件处理程序。

＆＃13;

<body>
<h1>My First Web Page</h1>
<p>Exciting stuff! This is my first web page.</p>
<button id= "color">Change color!</button>
<script>
document.getElementById('color').onclick = changeColor; 
var currentColor = "red";
function changeColor() { 
        if(currentColor == "red"){ 
           document.body.style.color = "green";
           currentColor = "green";
        } else {
           document.body.style.color = "red";
           currentColor = "red";
        } 
    }
</script>
</body>

＆＃13;

在Javascript中单击按钮时更改文本颜色

1 个答案: