JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://icons.iconarchive.com/icons/yellowicon/game-stars/256/Mario-icon.png" id="foo" />
<input type ="button" id="bar1" value="bloquer" >
<input type ="button" id="bar2" value="débloquer" >

CSS

#foo {height:150px;}

JavaScript

document.getElementById('foo').blocked=false;

document.getElementById('foo').addEventListener('click',runonclick)


function runonclick(){ 
    if(document.getElementById('foo').blocked){return false;}
    alert('foo');
    }

document.getElementById('bar1').addEventListener('click',document.getElementById('bar1').addEventListener('click', function(){ 
    document.getElementById('foo').blocked=true;})
                                                 )

document.getElementById('bar1').addEventListener('click',document.getElementById('bar2').addEventListener('click', function(){ 
    document.getElementById('foo').blocked=false;})
                                                 )