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;
}
.bloqueia {
    pointer-events: none;
}
.azul {
    color: blue;
    font-weight: 800;
}

JavaScript

$('click').addEvent('click', colorir);

function colorir() {
    this.toggleClass('azul');
};

$$('button').addEvent('click', bloqueia);
var bloqueado = false;

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