JSFiddle - React, Tailwind, and code Playground

HTML

<label for="ABC">LABEL1</label><input type="text" id="ABC"/>
<label for="DEF">LABEL2</label><input type="text" id="DEF"/>

JavaScript

function focus() {
    var labels = document.getElementsByTagName('label');
    for(var i = 0; i < labels.length; i ++) {
        var attr = labels[i].getAttribute('for');
        if(attr === this.id) {
            labels[i].style.visibility = 'hidden';
        }
    }
    
}
document.getElementById('ABC').addEventListener('focus', focus);
document.getElementById('DEF').addEventListener('focus', focus);