2017-03-02 11 views
1

私はキャッチされていないにReferenceError:定義されていません(JavaScriptを)「変更」

ボタン をクリックし、ループは単語がある関数の内部で実行され、「それを試してみてください」ときのコールで機能をしようとしていますループを使用して変更

私はJavaScriptを初めて使っていますが、プログラミングから古くなっています。

stringsを使用した場合と比較してCまたはC++

<!DOCTYPE html> 
<html> 

<head> 
    <style> 
     #demo { 
      font-size: 600%; 
      color: red; 
     } 

    </style> 
    <script> 
     function changing() { 
      var my = undefined; 
      for (count = 1; count < 3; count++) { 
       if (count == 1) { 
        my = LIFE; 
        document.getElementById('demo').innerHTML = my; 
       } else if (count == 2) { 
        my = STYLE; 
        document.getElementById('demo').innerHTML = my; 
       } else if (count == 3) { 
        { 
         break; 
        } 
       } 
      } 

    </script> 
</head> 

<body> 

    <h1>My First Web Page</h1> 
    <p>My first paragraph.</p> 
    <div id="demo">AWESOME</div> 

    <button type="button" onclick="changing()">Try it</button> 

</body> 

</html> 

答えて

3

エラーパーツ:

else if (count == 3) { 
{ 

はまた"LIFE"代わりのLIFE"STYLE"~ instead of STYLE`を使用する2波括弧

を開け

function changing() { 
 
      var my = undefined; 
 
      for (count = 1; count < 3; count++) { 
 
       if (count == 1) { 
 
        my = "LIFE"; 
 
        document.getElementById('demo').innerHTML = my; 
 
       } else if (count == 2) { 
 
        my = "STYLE"; 
 
        document.getElementById('demo').innerHTML = my; 
 
       } else if (count == 3) { 
 
         break; 
 
        } 
 
       } 
 
      }
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <style> 
 
     #demo { 
 
      font-size: 600%; 
 
      color: red; 
 
     } 
 

 
    </style> 
 

 
</head> 
 

 
<body> 
 

 
    <h1>My First Web Page</h1> 
 
    <p>My first paragraph.</p> 
 
    <div id="demo">AWESOME</div> 
 

 
    <button type="button" onclick="changing()">Try it</button> 
 

 
</body> 
 

 
</html>

2

は引用符について覚えていればそれは一種の混乱です。それ以外の場合は、variableとして扱われます。そして宣言されていないので、関数はエラーをスローします。

function changing() { 
 
    var my; 
 
    for (count = 1; count < 3; count++) { 
 
    if (count == 1) { 
 
     my = 'LIFE'; 
 
     document.getElementById('demo').innerHTML = my; 
 
    } else if (count == 2) { 
 
     my = 'STYLE'; 
 
     document.getElementById('demo').innerHTML = my; 
 
    } else if (count == 3) { 
 
     break; 
 
    } 
 
    } 
 
}
#demo { 
 
    font-size: 600%; 
 
    color: red; 
 
}
<h1>My First Web Page</h1> 
 
<p>My first paragraph.</p> 
 
<div id="demo">AWESOME</div> 
 

 
<button type="button" onclick="changing()">Try it</button>

+0

コメントを削除しました。あなたのプログラムでは、大丈夫です。しかし、OPは1つの閉じ括弧を欠いていた。それを確認することができます。彼はループのために閉じた –

+0

@SagarV何でも。とにかく私はちょうどあなたの答えがあなたがそれを投稿した直後に2つのupvotesを持っているのだろうと思うあなたが私の後に1分遅れていたとしても、とにかく –

+0

、あなたは4.7K、私はわずか1.6Kです。 :-(upvoted。 –

関連する問題