Le plus Simple si d'autre onclick alors?

  1. Comment puis-je faire si oui bouton cliqué changer de couleur?
  2. .onclick la meilleure option pour cela?
  3. Suis-je le fais de la façon optimale?

Grâce.

html:

<body>
<div id="box"></div>
<button id="yes">yes</button>
<button id="no">no</button>
<script src="js/script.js"></script>
</body>

css:

#box {
    width: 200px;
    height: 200px;
    background-color: red;
}

js:

function Choice () {
    var box = document.getElementById("box");
    var yes = document.getElementById("yes");
    var no = document.getElementById("no");

    if (yes.clicked == true) {
        box.style.backgroundColor = "red";
    } else if (no.clicked == true) {
        box.style.backgroundColor = "green";
    } else {
        box.style.backgroundColor = "purple";
    };
};

Choice ();
w3schools.com/jsref/event_onclick.asp
Je ne comprends toujours pas comment mettre dans un if else, je suis vraiment nouveau à javascript.
document.getElementById('yes').addEventListener("click",function(){} );
Mais n'oubliez pas que IE utilisé attachEvent dans les versions antérieures
Vous n'êtes pas encore vraiment me dire comment le mettre dans un if else, j'ai essayé et je suis juste faire des erreurs de syntaxe comme "Unexpected token d'autre". Désolé, peut-être que ce n'est pas le lieu pour des questions de débutant.

OriginalL'auteur Markus Hallcyon | 2015-01-01

  1. 5

    Vous devez utiliser onclick méthode parce que la fonction exécuter une seule fois lorsque la page est chargée et pas de bouton sera cliqué puis

    De sorte que vous devez ajouter à exécuter chaque fois que l'utilisateur appuie sur une touche pour ajouter les modifications apportées à la div de fond

    De sorte que la fonction doit être quelque chose comme ceci 

    htmlelement.onclick() = function(){
    //Do the changes 
}

    De sorte que votre code doit ressembler à quelque chose comme ceci :

    var box = document.getElementById("box");
var yes = document.getElementById("yes");
var no = document.getElementById("no");

yes.onclick = function(){
    box.style.backgroundColor = "red";
}

no.onclick = function(){
    box.style.backgroundColor = "green";
}

    C'est en ce sens que, lorsque #oui bouton est cliqué, la couleur de la div est rouge et quand le #pas de bouton est cliqué sur l'arrière-plan est vert

    Ici est un Jsfiddle

    OriginalL'auteur Maroxtn

  2. 2

    Vous pouvez utiliser jQuery dans comme

    $('#yesh').click(function(){
     *****HERE GOES THE FUNCTION*****
});

    En plus de jQuery est facile à utiliser.

    Vous pouvez faire des changements dans les couleurs etc à l'aide de simple jQUery ou Javascript.

    OriginalL'auteur