JSFiddle - React, Tailwind, and code Playground

by johnwisy

HTML

<div id="fancybox-2">
<form id="setupform" method="post" action="http://www.swim-west.com/register-2/">
	<input type="hidden" name="action" value="register">
	<input type="hidden" name="stage" value="validate-user-signup">
	<input type="hidden" name="signup_form_id" value="229916700">
	<input type="hidden" id="_signup_form" name="_signup_form" value="ea74b7bcb6">

	<input name="user_name" type="text" id="user_name" value="" Placeholder="Username" maxlength="60"><br>
	<input name="user_email" type="email" id="user_email" Placeholder="Email" value="" maxlength="200"><br>
				<input autocomplete="off" onchange="fill(this.value)" name="pass1" id="pass1" class="input" size="20"  Placeholder="Password" value="" type="password" ><br>
                    		<input autocomplete="off" onchange="fill(this.value)" name="pass2" id="pass2" class="input" size="20" value="" type="password" style="display:block;"><br>

	<p>
			<input id="signupblog" type="hidden" name="signup_for" value="user">
		</p>
	<p class="submit"><input type="submit" name="submit" class="submit" value="Sign Me Up"></p>
</form>
</div>

JavaScript

var form = document.getElementById('setupform');
form.elements.pass1.onkeyup = function () {
    var form = this.form;
    form.elements.pass2.value = form.elements.pass1.value;
};