JSFiddle - React, Tailwind, and code Playground
HTML
<input id="myInput" value="1">
<div id="text"></div>
JavaScript
document.getElementById("myInput").value = 2;
document.getElementById("text").innerHTML += "<br>The value property is now " + document.getElementById("myInput").value;
document.getElementById("text").innerHTML += "<br>The value attribute is still " + document.getElementById("myInput").getAttribute("value");