JSFiddle - React, Tailwind, and code Playground
by Chris Rebert
HTML
<input id="q" type="text" value="foo.txt">
JavaScript
var input = document.getElementById('q');
input.value = "bar.txt";
input.type = 'file';
console.log("FILE:", input.value);
input.type = 'checkbox';
console.log("CHECKBOX:", input.value);
console.log("ATTR:", input.getAttribute('value'));