JSFiddle - React, Tailwind, and code Playground

by David Joseph Guzsik

HTML

<form id="my-form">
  <input type="text" id="u">
  <input type="password" id="p">
  <button>Vroom</button>
</form>

JavaScript

(function(){
var definitelyNotTheUsername = 'admin';
var definitelyNotThePassword = 'hunter2';

var $u = document.getElementById('u');
var $p = document.getElementById('p');

let $form = document.getElementById('my-form')
$form.addEventListener('submit', function(e){
	e.preventDefault();
	if ($u.value === definitelyNotTheUsername && $p.value === definitelyNotThePassword){
  	// Just so oyu can see it worked
  	document.write('You\'re in');
    // Redirect somewhere
  	// window.location.href = '/secret_folder/wherever_you_want_to_go.html';
  }
  else {
  	$form.reset();
  }
})
})();