jeudi 13 février 2020

How can I change paragraph content on button click with if statement?

Trying to display different messages inside the p element for when someone clicks on one of the three buttons. But it only displays the first message (reply) for all the buttons.

Can't see what I have done wrong...

let good = document.getElementById("good");
    let idk = document.getElementById("idk");
    let bad = document.getElementById("bad");
    let main = document.querySelector(".main");
    let reply;

    [document.getElementById("good"), document.getElementById("idk"), document.getElementById("bad")].forEach(option => {
      option.addEventListener("click", () => {
        if (good.clicked = true) {
          main.style.display = "block";
          reply = "Hey";
        } else if (idk.clicked = true) {
          main.style.display = "block";
          reply = "Well yeah";
        } else if (bad.clicked = true) {
          main.style.display = "block";
          reply = "123";
        }
        document.getElementById("reply").innerHTML = reply;
      });
    });

<div class="options">
<div id="good" class="btn"></div>
<div id="idk" class="btn"></div>
<div id="bad" class="btn"></div>
</div>

Aucun commentaire:

Enregistrer un commentaire