JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.google.com" target="_blank">Clica aqui</a>

<div id="click">Ou clica aqui!</div>
<button type="button">Fazer toggle da classe</button>
<div id="estado"></div>

CSS

* {
    margin: 20px 0px;
}
.azul {
    color: blue;
    font-weight: 800;
}

JavaScript

var bloqueado = false;
$$('a, #click').addEvent('click', colorir);

function colorir() {
    if (bloqueado) return false;
    
    //resto do codigo
    this.toggleClass('azul');
    
};

$$('button').addEvent('click', bloqueia);

function bloqueia() {
    bloqueado = !bloqueado;
    $$('a, #click').toggleClass('bloqueia');
    $('estado').set('html', 'Bloqueado = ' + bloqueado);
};
$('estado').set('html', 'Bloqueado = ' + bloqueado);