Javascript click event doe not work on wordpress

Question

I need to call a function by clicking on some elements.

I have tried several ways but it seems that it does not want to fire. the element in question is generated by the "quiz master and survey" plugin on wordpress.

Anyone have any idea what the problem might be? Thanks in advance!

    window.onload = function() {
    document.querySelectorAll('.qsm_check_answer').addEventListener("click",function(e){
        var correctInfo = document.querySelector('#correct-info');
        correctInfo.classList.add("d-none");
     });
  };

OR

document.querySelectorAll(".qsm_check_answer").addEventListener("click", function () {
    document.querySelector("#correct-info").style.display = "none";
  });

OR

window.onload = function () {
  var checkboxQ = document.querySelectorAll(".qsm_check_answer");

  checkboxQ.onclick = function () {
    var correctInfo = document.querySelector("#correct-info");
    correctInfo.classList.add("d-none");
  };
};

Screenshot of Dom:

llo · Accepted Answer · 2021-10-22 23:25:40Z

2

querySelectorAll returns all elements in the document that matches the selector. You need to access the elements with an index:

document.querySelectorAll(".qsm_check_answer")[0]

Here is a link to more info on MDN.

edited Oct 22, 2021 at 23:25

answered Oct 22, 2021 at 23:18

llo

1351 gold badge1 silver badge10 bronze badges

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

Collectives™ on Stack Overflow

Javascript click event doe not work on wordpress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related