JSFiddle - React, Tailwind, and code Playground

by Prajeesh_PR

HTML

<input type="text" id="username"  name="username" />

JavaScript

var field = $("#username");

var hiddenChar = 'X';
var timeout = 500;
var letters = new Array();

field.keypress(function(e){
    setTimeout(hideLetter, timeout);
    letters.push(String.fromCharCode(e.which));
});

function hideLetter() {
    field.val(field.val().replace(/[^\X]/, 'X'));
}