Ajouter un caractere a chaque clique

2 août 2023 à 14:44:25

Bonjours je suis en train d'apprendre l'HTML et j'aimerais faire un bouton compteur de like mais qui rajoute un caractere a chaque fois a la place du coeur mais je trouve rien sur internet et aussi si c'est possible de garder le compte des like

<!doctype html>
<html lang"fr">
  <head>
  <meta charset=utf8> 
  <title>Hello world !</title>
  </head> 
  
 
<script>
var score = 0;
function likecounter(){
   score++;
   document.getElementById("like").innerHTML = score;
}
</script>
<body>
  
  <style="background-color:white;">
  <FONT COLOR="red">
  
  
   <center><div style=text-align:center;><h2>Hello world today we gonna create a new website</h2></div></center>


<img src="C:\Users\Nflex\Downloads\Emu rom et prereq\code\VA-11 HALL-A _ Cyberpunk Bartender Action - Fondation Draco.gif" height="200" width="300">

<br><br><input type="button" id="bouton" value="hw much you like" onclick="likecounter()">
<span id="like">0</span> <p>💕</p>

</body>
  
 
  </html>

-
Edité par Ekken74 2 août 2023 à 14:49:56

AbcAbc6

2 août 2023 à 19:53:45

Bonjour,

>> je suis en train d'apprendre l'HTML

Hé bien change de cours immédiatement, tu apprends des balises obsolète de plus de 20 ans qui ne sont plus à utiliser. Je parle de <center> et de <font>. A supprimer de toute urgence, c'est en CSS que cela ce passe.

Si tu veux suivre un cours il y en a un sur ce site : HTML/CSS.

Passer votre code au validateur pour voir et corriger vos erreurs : https://validator.w3.org/#validate_by_input

Rien entre </head> et <body>

La balise <style> dans le <head>.

Pour la source de l'image pas de lien absolu en rapport avec votre système, lorsque vous uploadrez votre site sur serveur distant le c:// n’existera pas. Créer un répertoire "images" dans votre projet pour y placer vos images. Pas d'espace ni de caractères spéciaux dans les noms de fichiers et de répertoire.

N'utilisez pas de onclik mais un écouteur d'évènement addEventListener

Corriger déjà cela pour partir sur de bonne bases, et après on verra le JS. (je déplacerais le sujet si nécessaire).

Ekken74

3 août 2023 à 0:29:02

Merci je vais suivre le tuto que tu ma laisser, mes les vielle balise je les connais d'un vieux jeu je voulais d'abord maitriser HTML avant d'attaquer le CSS