JSFiddle - React, Tailwind, and code Playground

HTML

<input id="username" type="text" disabled />

<button id="enable">Enable</button> <button id="disable">Disable</button>

JavaScript

var x = function() {
    input = $('#username');
     var attr = input.attr('disabled');
    if (typeof attr !== 'undefined' && attr !== false) {
        console.log('i am diabled'); //  how to trigger this?
    }
}

var x1 = function() {
    input = $('#username');
    var attr = input.attr('disabled');
    if (typeof attr == 'undefined' || attr == false) {
        console.log('i am enabled'); //  how to trigger this?
    }
}



$('#enable').on('click', function(){
    $('#username').removeAttr('disabled');
    x1();
});

$('#disable').on('click', function(){
    $('#username').attr('disabled','disabled');
    x();
});