2017-03-02 24 views
1

Ich versuche, eine Funktion zu machen, den Anruf ist, wenn einUncaught Reference: „Ändern“ ist nicht definiert (JavaScript)

„Versuchen Sie es“ Knopf geklickt wird und ein Schleifendurchlauf innerhalb der Funktion, wo ein Wort ändern mit Schleife

Ich bin neu in JavaScript, aber alt zu programmieren.

Es ist verwirrend Art, wenn mit C verglichen oder 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> 

Antwort

3

Fehler Teile:

else if (count == 3) { 
{ 

geöffnet Sie 2 geschweiften Klammern

auch "LIFE" statt LIFE und "STYLE"~ instead of STYLE` verwenden

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

Denken Sie daran, über Anführungszeichen, wenn strings verwenden. Andernfalls wird es als variable behandelt. Und da es nicht erklärt worden ist - wird die Funktion Fehler werfen.

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

ich den Kommentar gelöscht. In deinem Programm ist es in Ordnung. Aber OP verpasste eine schließende Zahnspange. Du kannst es überprüfen. Er schloss bis zur Schleife –

+0

@SagarV Was auch immer. Wie auch immer, ich frage mich nur, warum deine Antwort sofort nach deiner Veröffentlichung zwei Upvotes bekommen hat. Selbst wenn Sie eine Minute später nach mir waren :) –

+0

sowieso, Sie sind bei 4.7K und ich bei nur 1.6K. :-(upvoted. –

Verwandte Themen