JSFiddle - React, Tailwind, and code Playground

by thachnuida

HTML

<input id="name" placeholder="Enter your name"/>
<button id="get-dom">Get my name by DOM</button>
<br/>
<div id="log">
</div>

JavaScript

$('#get-dom').click(function(){
    var domInput = $('input').get(0);
    $('#log').append('Hello ' + domInput.value + '! I get the DOM from JQUERY OBJECT<br/>');
    
    // Compare 2 dom variables
    var domByID = document.getElementById('name');
    if (domByID == domInput) $('#log').append('Oh, 2 DOMs are the same<br/>');
})