單擊Javascript中的按鈕時更改文本顏色

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事件處理程序。

 <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>

單擊Javascript中的按鈕時更改文本顏色

問題描述

1 個解決方案

解決方案1
4 2017-01-29 19:10:46

單擊Javascript中的按鈕時更改文本顏色

問題描述

1 個解決方案

解決方案1 4 2017-01-29 19:10:46

解決方案1
4 2017-01-29 19:10:46