2017-04-12 2 views
-1

Je ne comprends pas pourquoi innerHtml montre le bon résultat dans la console, mais n'affiche rien dans la page html:innerHtml fonctionne dans la console, mais ne présente pas aboutir à la page html

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Page Title</title> 
 
</head> 
 

 
<body> 
 
    <input type="button" value="test" onclick="testClick();"></input> 
 
    <p id="score2"></p> 
 
    <script> 
 
    var score = 0; 
 

 
    function testClick() { 
 
     score++; 
 
     document.getElementById("score2").innerHtml = score; //does not display anything 
 
     console.log("inner : " + document.getElementById("score2").innerHtml); //works 
 
    } 
 
    </script> 
 
</body> 
 

 
</html>

+3

Typo - 'innerHTML'. –

+0

@Kinduser argh merci. –

Répondre

0

var score = 0; 
 
function testClick(){ 
 
    score++; 
 
    document.getElementById("score2").innerHTML = score; 
 

 
}
<input type="button" value="test" onclick="testClick();"></input> 
 
<p id="score2"></p>

Voici l'extrait mis à jour pour y notre code. vous faites une erreur de syntaxe "innerHTML" est correct alors que "innerHtml" est incorrect

+0

S'il vous plaît ne pas répondre aux questions avec des erreurs typographiques – Rajesh