0
votes

AddeventListener et si la déclaration sur le bouton cliqué sur

Je suis nouveau au codage et j'essaie ici d'utiliser AddeventListener et si une instruction permet de modifier la couleur de la boîte lorsque vous avez cliqué sur le bouton, mais je ne le fais pas correctement et ne pas y passer de manière appropriée en ligne. < Pré> xxx

javascript if-statement addeventlistener

0 commentaires

3 Réponses :

0
votes

Lorsque vous ajoutez un écouteur d'événement au bouton Oui CODE>, il ne déclenchera que lorsque le bouton YES est cliqué. Par conséquent, vous avez besoin d'un problème séparé pour les deux boutons et aucune instruction si elle est nécessaire.

var box = document.getElementById("box");
var yes = document.getElementById("yes");
var no  = document.getElementById("no");
yes.addEventListener("click", function(){
        box.style.backgroundColor = "green";        
});
no.addEventListener("click", function(){
        box.style.backgroundColor = "red";        
});

0 commentaires

1
votes

Vous n'allez que si vous souhaitez que votre auditeur ne fonctionne que votre auditeur ne fonctionne que pour votre bouton Oui:

box.addEventListener("click", function(ev){

    if(ev.currentTarget.id == "yes"){
        box.style.backgroundColor = "red";
    }else if(ev.currentTarget.id == "no"){
        box.style.backgroundColor = "green";
    }

});

1 commentaires

Merci j'apprécie.

0
votes

function colorChange(e) {
    if(e.target.id == 'yes'){ // if user clicked the yes button
        box.style.backgroundColor = "red";

    }else if(e.target.id == 'no'){ // if user clicked the no button
        box.style.backgroundColor = "green";
    }
}
yes.addEventListener('click', colorChange);
no.addEventListener('click', colorChange);

0 commentaires