How to call same onclick function on multiple element?

Question

How to call same onclick function on multiple element? I want to make show text and show div onclick function as a single click.

I want to call a onclick function that opens div and changes backgoundcolor and fontcolor when I click on any of parts.

Now onclick function only works on first element. Please help.

function myFunction() {
  document.getElementById("answer").style.color = "red";
  document.getElementById("answer").style.backgroundColor = "white";
  var x = document.getElementById("explain");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

<div class="test">
<ul class="example">
<li>This is</li>
<li id="answer" onclick="myFunction()" style="background-color:#444444; color:#444444;">example.
</li>
</ul>
<ul id="explain" style="display:none">
TEST1
</ul>
</div>
<div class="test">
<ul class="example">
<li>This is</li>
<li id="answer" onclick="myFunction()" style="background-color:#444444; color:#444444;">example2.
</li>
</ul>
<ul id="explain" style="display:none">
TEST2
</ul>
</div>
<div class="test">...</div> X Loop

Where else are you trying to use myFunction and how is it failing? Where do you define myFunction2? — David
– David, Commented Jul 7, 2020 at 14:35
Do you mean you want to call both myFunction() and myFunction2() on click of your <li> — Ravi Kukreja
– Ravi Kukreja, Commented Jul 7, 2020 at 14:35
Does this answer your question? How to call multiple JavaScript functions in onclick event? — harish kumar
– harish kumar, Commented Jul 7, 2020 at 14:39

hsn-mnj · Accepted Answer · 2020-07-07 14:37:15Z

1

Separate function names by semicolon.

onclick="myFunction();myFunction2()"

Hope this helps.

answered Jul 7, 2020 at 14:37

hsn-mnj

1,4661 gold badge11 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to call same onclick function on multiple element?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related