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");