JSFiddle - React, Tailwind, and code Playground

HTML

<button name="toggle" type="button" onclick="toggler()">Toggle</button><br /><br />
<input type="text" name="test" id="test" value="sample" />

JavaScript

function toggler() {
  var iobj = document.getElementById('test');
  if (iobj.type == 'text') {
    iobj.type = 'hidden';
    console.log('hidden_dv:', iobj.defaultValue);
  } else {
    iobj.type = 'text';
    console.log('text_dv:', iobj.defaultValue);
  }
}