Je veux cliquer sur le bouton et compter la quantité mais ça ne marche pas. et message d'erreur : Uncaught ReferenceError : cnt n'est pas défini Voici mon code :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Make777</title> <link rel="stylesheet" href="./style.css"> </head> <body> <button type="button" class="btn-click" onclick="dongjak_button();">CLICK</button> <span>You Clicked This Button <span id="number"></span>Times!!!!!!</span> <script src="./script.js"></script> </body> </html>
"use strict";
function dongjak_button(){
cnt = 0;
cnt++;
document.getElementById("number").value = cnt;
}
Aide. Je veux que la variable cnt soit valide. et affiché en html
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous devez utiliser
var或letpour déclarer les variables JavaScript.Apprenez-en plus ici : https://www.w3schools.com/js/js_variables.asp
"use strict"; function dongjak_button(){ let cnt = 0; cnt++; document.getElementById("number").textContent = cnt; }Le code ne fonctionne toujours pas car vous devez d'abord obtenir le décompte de
#number."use strict"; function dongjak_button(){ const number = document.getElementById("number"); const value = number.textContent; let cnt = value ? Number(value) : 0; cnt++; number.textContent = cnt; }Vous êtes en mode strict et n'avez pas déclaré de
cntvariables. Voir la Documentation MDN.Vous ne pouvez pas non plus modifier
valuesurspan— vous avez besoin detextContent. De plus, votrespan上的value— 您需要textContent。而且，您的cntse réinitialise à chaque fois, vous devez donc stocker la variable en dehors de la fonction. En tout :// stored outside the function so it increments rather than resets let cnt = 0; function dongjak_button(){ cnt++; // use textContent, not value; also add a space document.getElementById("number").textContent = cnt + ' '; }You Clicked This Button Times!!!!!!