modification de l'affichage suite au click button

Version imprimable

16/01/2023, 18h59
bahh66

modification de l'affichage suite au click button
Bonjour,
j'ai le code d'un jeu et je souhaiterais faire une petite modification et bien évidemment ce que je fais ne fonctionne pas.

https://codepen.io/cyril-gomez/pen/eYjERxE?editors=0010

Je souhaiterais que lorsque l'on clique sur la poubelle, l'affichage rouge et bleu revienne à zéro.

Comme je modifie l'affichage avec les lignes de codes suivantes :
Code:

1 2 3 document.getElementById("affichageuni").innerHTML = nbrAfficheUni; document.getElementById("affichagediz").innerHTML = nbrAfficheDiz;
Je me suis dit que si je mettais :
Code:

1 2 document.getElementById('affichagediz').innerHTML = 0 ; document.getElementById('affichageuni').innerHTML = 0 ;
dans la fonction effacer(), cela mettrait les compteurs à zéro et beh non.

Pourquoi? Qu'ai-je fais de mal?

Salut

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function effacer() {
  let allhearts = document.querySelectorAll('[id^=DivCoeur]');
  if (allhearts.length > 0) {
    for (var heart of allhearts) {
      heart.parentNode.removeChild(heart.parentNode.firstChild);
    }
  //random image
  Pics.sort(() => Math.random() - 0.5);
//  document.getElementById('populate').innerHTML=Pics[0][0]  +" aléatoire";
  document.getElementById('elemImage').src=Pics[0][1];
  document.getElementById('populate').dataset.running="false";
  document.getElementById('nbr').value="";
  document.getElementById('verifcount').value="";
  document.getElementById('success').innerHTML="";
  }
  nbrAfficheDiz=0;
  nbrAfficheUni = 0;
  document.getElementById('affichagediz').innerHTML = nbrAfficheDiz ;
  document.getElementById('affichageuni').innerHTML = nbrAfficheUni ; 
}

il faut sortir la remise à zéro de la condition if

16/01/2023, 22h45
bahh66

J'ai testé, mais ça ne fonctionne pas quand même.
17/01/2023, 16h25
NoSmoking

Bonjour,
outre la judicieuse remarque de ProgElecT, tu manques de rigueur :aie:

Lorsque l'on change son code HTML, il faut vérifier que l'on n'utilise pas les éléments supprimés comme par exemple l'élément ayant pour id="nbr", ... ce n'est pas le seul.

Conseil, regarde la console du navigateur, touche F12.
17/01/2023, 18h15
bahh66

Citation:

tu manques de rigueur

En effet, je travaille sur codePen et aussi en hors ligne (le réseau de la classe ne fonctionne pas bien), du coup je pensais avoir bien nettoyé le hors ligne et pas du tout le codePen (j'avoue ne pas avoir eu envie lorsque le jeu fonctionnait)?

Mais en fait il me manquait des lignes de codes inutiles à supprimer.

Pardon don Progelect d'avoir affirmer quelque chose de faux.
Je pense qu'à présent le code ne contient plus de variables inutiles.

Et merci encore pour l'accompagnement.