au 3eme click bouton réitération des évènements a partir du 1er click

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
emma22
Messages : 2
Enregistré le : 04 janv. 2021, 16:33

au 3eme click bouton réitération des évènements a partir du 1er click

Message par emma22 » 04 janv. 2021, 16:48

Bonjour,
J'ai un souci, au 3e click sur le bouton un marqueur est supprimé, et a ce moment là je souhaite revenir aux evenements du 1er click ce qui forme en sorte une boucle. Je ne sais pas comment faire pour revenir aux evenements à partir du 1er click, tout s'enchaine jusqu'a la suppression du marqueur après cela je suis bloquée, je ne connais pas la methode, quelqu'un peut m'aider s'il vous plait, je desespère...
Mille mercis à ceux qui voudront bien m'éclairer, je débute en javascript...
voici le javascript

Code : Tout sélectionner


var counter = 0;
function changeImage1() { 
  counter++;   
var marker1 = document.getElementById('marker1');
  var marker1 = new mapboxgl.Marker({
      color: '#ff8e0a',
      className: 'marker1'
    }) // Initialize a new marker 
    .setLngLat([]) // Marker [lng, lat] coordinates
    .setPopup(new mapboxgl.Popup({
        offset: 25,
        className: 'popup1'
      }) // add popups, 
    .addTo(map);
  block1.style.display = 'none';
  div1.style.display = 'none';

button1.onclick = function () {
 
      counter++;   
      if(counter===2){
      if (button1.style.display !== 'none') {  
      div1.style.display = 'block';
      block1.style.display = 'block';
      button1.style.display = 'none';
      $('#border2,#border3,#border4').prop("disabled", true);
    } else {
      div1.style.display = 'none';
      block1.style.display = 'none';
      button1.style.display = 'block';
    }
  }
  div1.onclick = function () {
    if (div1.style.display !== 'none') {
      div1.style.display = 'none';
      block1.style.display = 'none';
      button1.style.display = 'block';
      $('#border2,#border3,#border4').prop("disabled", false);
    } else {
      div1.style.display = 'block';
      block1.style.display = 'block';
      button1.style.display = 'none';
    }
  }
    button1.onclick = function() {
      counter++;
      if(counter===3){
      marker1.remove(); 
    
      $('#border1').prop("disabled", false); 
      --counter;
       

}button1.addEventListener('click', changeImage1); // c'est ici que je bloque je dois relancer la boucle du 1er click ! :roll: 
  }
  
}
}


emma22
Messages : 2
Enregistré le : 04 janv. 2021, 16:33

Re: au 3eme click bouton réitération des évènements a partir du 1er click

Message par emma22 » 05 janv. 2021, 01:16

c'est bon j'ai rajouté

Code : Tout sélectionner

 button1.addEventListener('click', changeImage1, marker1.remove() ); 

Répondre