javascripthtmlonclickconditional-statementsremoveeventlistener

Removing an onclick event from a div with javascript


Basically what the title says this is the code that I've tried but it doesn't work:

<div id="box" onclick="doSmt(var1, bar2)">
if (condition){
box.removeEventListener("click" , doSmt)}

Solution

  • I think it's better if you remove the onclick event instead of that attempt

    //onclick function
    function doSmt(){
       console.log("something");
    }
    
    //remove onclick event, this will be inside your if condition
    document.getElementById('box').removeAttribute("onclick");
    <div id="box" onclick="doSmt()"> div</div>