JSFiddle - React, Tailwind, and code Playground

by fairmutex

HTML

<!-HTML onclick Attribute-->
<input type="button" id="button1" value="onclick HTML" onclick="alert(this.value);"/>


<!-JavaScript Onclick-->
<input type="button"  id="button2" value="onclick JavaScript"/>



<!-JavaScript addEventListener-->
<input type="button"  id="button3" value="addEventListener('click') JavaScript"/>

JavaScript

//JavaScript Onclick
var button2 = document.getElementById('button2');
button2.onclick = function(){
    alert(button2.value);
}


//JavaScript addEventListene
var button3= document.getElementById('button3');
button3.addEventListener('click',function(){
     alert(button3.value);
});