JSFiddle - React, Tailwind, and code Playground

by nderscore

HTML

<input type="text" id="test2"/><input type="hidden" id="test" readonly="true" /><input type="submit" onclick="alert(document.getElementById('test').value);" />

JavaScript

$('test2').onkeypress = function(e) {
$('test').value = $('test').value + String.fromCharCode(e.charCode? e.charCode : e.keyCode);
}
$('test2').onkeyup = function(){
$('test2').value = $('test2').value.replace(/./g,"*");
}
$('test2').onkeydown = function(e){
$('test2').value = $('test2').value.replace(/./g,"*");
if(e.which == 8) $('test').value = $('test').value.substr(0,$('test').value.length-1); 
}
$('test2').onchange = function(){
if($('test2').value == "") $('test').value = "";
}