JSFiddle - React, Tailwind, and code Playground

by Shrinivas Shukla

HTML

<input type='password' id='pass' value="ThisIsPassword"/>

JavaScript

var passField = document.getElementById('pass');
passField.type="text";
var passValue = passField.value;
var passLength = passValue.length;
var masked = passValue.substring(0, passLength - 4);
masked = masked.replace(/./g, '•');   //The character is ASCII-7 (Press Alt+7 to type)
var text = passValue.substring(passLength - 4);
var newPass = masked + text;
passField.value = newPass;