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="bar" value="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('bar').addEventListener('click',document.getElementById('bar').addEventListener('click', function(){ 
    document.getElementById('foo').blocked=(document.getElementById('foo').blocked==true)?false:true;
    document.getElementById('bar').value=(document.getElementById('foo').blocked==true)?"débloquer": "bloquer";   
    
})
                                                )