<div class="signin-form u-password p-relative">
<span class="view-password"><i class="fas fa-eye"></i></span>
<input id="pass" class="pass" type="password" placeholder="Enter your password"/>
</div>
$('.view-password').on('click', function () {
let input = $(this).parent().find(".pass");
input.attr('type', input.attr('type') === 'password' ? 'text' : 'password');
});
$("#showpaswd").click(function () {
var x = document.getElementById("cpassword");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
});