Javascript Girl
  1. Javascript Girl
  3. Bouton HTML / Javascript Cliquez sur le compteur
Intereting Posts
Que signifie le symbole @ en javascript? Traitant des dates sur l'axe d3.js Ajax jquery succès de rappel synchrone Essayer de trier un objet JavaScript personnalisé Javascript – Enregistrement de la fonction dans l'objet – mauvaise pratique? Implémentation d'événements dans mon propre objet Définir le nom de la variable javascript à partir d'une variable Javascript – Problème avec portée et passage de paramètres au gestionnaire d'événements dynamiquement créé Javascript – changer le style d'une classe Comment Node.js est-il intrinsèquement plus rapide lorsqu'il s'appuie toujours sur Threads en interne? Désactiver le champ de saisie lorsque la case à cocher bascule (JQuery) Un utilisateur peut-il supprimer des cookies d'un domaine donné? Comment obtenir le top / left x / y de la carte d'image avec javascript / jquery? Temporisateur global en Javascript avec rappel multiple Comment puis-je ajouter une ligne "moyenne" à un diagramme de zone empilé nvd3.js?

Bouton HTML / Javascript Cliquez sur le compteur

J'ai déjà fait quelque chose de semblable à cela, et je sais que c'est très proche. J'essaie simplement de faire en sorte que mon bouton augmente la variable javascript, et la fonction affiche alors la nouvelle valeur. 

<html> <head> <title>Space Clicker</title> </head> <body> <script type="text/javascript"> int clicks = 0; function click() { clicks += 1; document.getElementById("clicks").innerHTML = clicks; }; </script> <button type="button" onClick="click()">Click me</button> <p>Clicks: <a id="clicks">0</a></p> </body></html>

Utilisez var au lieu d' int pour votre génération de variable 'clics' et 'onClick' au lieu de 'cliquer' comme nom de votre fonction: 

 <html> <head> <title>Space Clicker</title> </head> <body> <script type="text/javascript"> var clicks = 0; function onClick() { clicks += 1; document.getElementById("clicks").innerHTML = clicks; }; </script> <button type="button" onClick="onClick()">Click me</button> <p>Clicks: <a id="clicks">0</a></p> </body></html>

Dans les variables JavaScript sont déclarées avec la balise 'var', il n'y a pas de balises comme int, bool, string … pour déclarer les variables. Vous pouvez obtenir le type d'une variable avec 'typeof (yourvariable)', plus de soutien à ce sujet que vous trouvez sur Google.

Et le nom 'clic' est réservé par JavaScript pour les noms de fonctions, donc vous devez utiliser autre chose.

N'utilisez pas le mot «cliquer» comme nom de la fonction. C'est un mot-clé réservé en JavaScript. Dans le code ci-dessous, j'ai utilisé la fonction "bonjour" au lieu de "cliquer" 

 <html> <head> <title>Space Clicker</title> </head> <body> <script type="text/javascript"> var clicks = 0; function hello() { clicks += 1; document.getElementById("clicks").innerHTML = clicks; }; </script> <button type="button" onclick="hello()">Click me</button> <p>Clicks: <a id="clicks">0</a></p> </body></html>

Après avoir regardé le code, vous avez des fautes de frappe, voici le code mis à jour 

 var clicks = 0; // should be var not int function clickME() { clicks += 1; document.getElementById("clicks").innerHTML = clicks; //getElementById() not getElementByID() Which you corrected in edit }

Démonstration

Remarque: N'utilisez pas les gestionnaires intégrés, car .click() est la fonction javascript, essayez de donner un nom différent comme clickME() 

  <!DOCTYPE html> <html> <head> <script> var clicks = 0; function myFunction() { clicks += 1; document.getElementById("demo").innerHTML = clicks; } </script> </head> <body> <p>Click the button to trigger a function.</p> <button onclick="myFunction()">Click me</button> <p id="demo"></p> </body> </html>

Cela devrait fonctionner pour vous 🙂 Oui var doit être utilisé