JSFiddle - React, Tailwind, and code Playground

HTML

<style id="innerStyle"></style>

<div id="one" class="active" onclick="makeThisEnable(this.id)">1</div>
<div id="two" onclick="makeThisEnable(this.id)">2</div>
<div id="three" onclick="makeThisEnable(this.id)">3</div>
<div id="four" onclick="makeThisEnable(this.id)">4</div>
<div id="five" onclick="makeThisEnable(this.id)">5</div>
<br>
Click on box to select it.

CSS

div {width:10px;height:10px;margin:10px;
    background:#ccc;cursor:pointer;padding:10px;
}


.active { 
    border:1px solid #00f;
}
.select { 
    border: 1px solid #f00;
}

JavaScript

function makeThisEnable(id) {
        document.getElementById('innerStyle').innerHTML="div#"+id+" {border:1px solid #f00}";   
    }