Problème pour compteur de clic

aboimus -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
voilà mon code html
<!DOCTYPE html>
<html>
<head>
    <title>Ma première page</title> <!--la barre de titre du navigateur-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--pour que le navigateur web reconnaisse les caractères spéciaux-->
<link rel="stylesheet" type="text/css" href="style.css"/> <!--lier la page html à une feuille de style css-->


<script type="text/javascript" src="script.js"></script>

</head>   
<input type="button" value="Cliquer ici"

onclick="document.getElementById('phrase').innerHTML = 'Vous avez cliqué X fois'">


<p id='phrase'>
Bonjour tout le monde !
</p>
   
</html>

j'aimerai remplacer le X par le nombre de clics en mettant la fonction compteur

je vous met aussi la feuille externe javascript
<!DOCTYPE html>

<script type="text/javascript">
var nbclic= 0

function compteur(){

nbclic++
}   
    

</script>

HELP ME!¨¨


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser dans tes prochains messages.
.
A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Attention à la syntaxe HTML, tu as oublié la balise body.

Concernant la feuille externe javascript, il ne faut pas y mettre de doctype ni de balises script, uniquement le code js.

<!DOCTYPE html>
<html>
<head>
<title>Ma première page</title> <!--la barre de titre du navigateur-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--pour que le navigateur web reconnaisse les caractères spéciaux-->
<link rel="stylesheet" type="text/css" href="style.css"/> <!--lier la page html à une feuille de style css-->
<script type="text/javascript" src="script.js"></script>
</head>
<body>
    <input type="button" value="Cliquer ici" onclick="compteur()">

    <p id="phrase">
        Bonjour tout le monde !
    </p>
</body>
</html> 


script.js
var nbclic = 0;
    
function compteur() {
    nbclic++;
    document.getElementById('phrase').innerHTML = 'Vous avez cliqué ' + nbclic + ' fois'
}


Bonne journée
0