Javascript calculatrice simple fonction claire ne fonctionne pas

Je suis en train de construire une calculatrice simple avec Javascript et Im ayant des problèmes lors de la suppression du contenu d'affichage. Quelqu'un peut-il s'il vous plaît jeter un oeil à mon code et laissez-moi savoir pourquoi cela ne fonctionne pas. Pourquoi ne pas régler la valeur d'affichage sur une chaîne vide? Qu'est-ce que je fais mal? Tank vous les gars.Javascript calculatrice simple fonction claire ne fonctionne pas

function testing(button){ 
 
    var x = button.value; 
 
    document.getElementById("display").innerHTML+=x; 
 
} 
 

 
function clear() { 
 
    document.getElementById("display").innerHTML = ""; 
 
}

<body> 
 
    <input type="button" id="one" value="1" onClick="testing(this)"> 
 
    <input type="button" id="one" value="2" onClick="testing(this)"> 
 
    <input type="button" id="one" value="3" onClick="testing(this)"> 
 
    <input type="button" id="clear" value="clear" onClick="clear()"> 
 

 
    <h1 id="display"></h1> 
 
    </body>

Source

2017-10-13 Kingsfull123

Votre nom de la méthode est conflicting with the id value, changer juste à clear1 et cela devrait fonctionner.

 function testing(button){ 
 
     var x = button.value; 
 
     document.getElementById("display").innerHTML+=x; 
 
     } 
 

 
     function clear1(){ 
 
     document.getElementById("display").innerHTML = ""; 
 
     }

<body> 
 
    <input type="button" id="one" value="1" onClick="testing(this)"> 
 
    <input type="button" id="one" value="2" onClick="testing(this)"> 
 
    <input type="button" id="one" value="3" onClick="testing(this)"> 
 
    <input type="button" id="clear" value="clear" onClick="clear1()"> 
 

 
    <h1 id="display"></h1> 
 
    </body>

Source

2017-10-13 07:22:22 gurvinder372

Merci pour le conseil. – Kingsfull123

Le problème est qu'il ya une fonction document.clear qui prend la priorité sur votre appel initial. Vous pouvez tester cela en tapant document.clear dans la console. Essayez de renommer votre fonction pour effacer l'affichage.

function testing(button){ 
 
    var x = button.value; 
 
    document.getElementById("display").innerHTML+=x; 
 
} 
 

 
function clearDisplay(){ 
 
    document.getElementById("display").innerHTML = ""; 
 
}

<body> 
 
    <input type="button" id="one" value="1" onClick="testing(this)"> 
 
    <input type="button" id="one" value="2" onClick="testing(this)"> 
 
    <input type="button" id="one" value="3" onClick="testing(this)"> 
 
    <input type="button" id="clearDisplay" value="clear" onClick="clearDisplay()"> 
 

 
    <h1 id="display"></h1> 
 
</body>

Source

2017-10-13 07:24:24

merci, je ne le savais pas. à votre santé – Kingsfull123

Javascript calculatrice simple fonction claire ne fonctionne pas

Répondre

Questions connexes