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の構文を使用します。 “を" に変更してください。

また、onclickイベントハンドラを表す関数内でreturnステートメントを使用する必要はありません。

<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

@ルイス？、他の人を助けるために答えを受け入れることを躊躇しないでください。 –

JavaScriptでボタンをクリックすると文字の色が変わります

答えて

関連する問題