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

我重新學習了Javascript，並在單擊按鈕時遇到了更改文本顏色的麻煩。在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」;

產生一個錯誤，說這是一個非法的標記。最初，我認爲這個問題與不將代碼放在表單中有關。教學視頻的演示似乎工作正常，但我不斷收到此錯誤。任何人都可以提供一個想法是什麼問題？

來源

2017-01-29 Louis

您的代碼完美工作，但您使用的語法爲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>

來源

2017-01-29 19:10:46

非常感謝你的幫助。它工作完美。 – Louis

@Louis？，不要爲了幫助別人而接受答案。 –

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

回答

相關問題