Write javascript code to create the login form using different form events
<!DOCTYPE html> <html> <body> <form id="loginForm"> <label for="userName">Username:</label> <input type="text" id="userName" name="userName" value=""> <label for="userPassword">Password:</label> <input type="text" id="userPassword" name="userPassword" value=""><br><br> <input type="submit" value="Submit"> </form> <script> var userName = document.getElementById("userName"); userName.addEventListener("input", function (event) { console.log(`username input event ${event.target.value}`); }); var userPassword = document.getElementById("userPassword"); userPassword.addEventListener("input", function (event) { console.log(`userPassword input event ${event.target.value}`); }); var loginForm = document.getElementById("loginForm"); loginForm.onsubmit=function(){ // first your validation code will go here
