2017-03-02 58 views
1

我試圖做一個函數,它是呼叫時未捕獲的ReferenceError:「改變中」沒有定義(JavaScript)的

「試用」按鈕 點擊和函數內部循環運行,其中一個字使用循環更改

我是JavaScript新手,但很難編程。

如果使用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) { 
{ 

你開2個大括號

也使用"LIFE"代替LIFE"STYLE"~ instead of STYLE`

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

使用strings時,請記住約引號這是一種混淆。否則,它將被視爲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錯過了一個右大括號。你可以檢查它。他關閉,直到循環 –

+0

@SagarV無論如何。無論如何,我只是想知道爲什麼你的回答在你發佈後立即得到2 upvotes。即使你遲了一分鐘:) –

+0

無論如何,你在4.7K和我只有1.6K。 :-(upvoted。 –

相關問題