Question: Please make simple java script codes. 1. In login create a js function that shows a popup incorrect email/password then has a x to close

Please make simple java script codes.

1. In login create a js function that shows a popup "incorrect email/password" then has a "x" to close it.

2. In signup create two js functions that shows a popup "Email already taken" or "Passwords do not match" then has a "x" to close on both.

The code below has been written so far, and I would appreciate it if you could refer to this code and complete my requirements.

function swapToLogin() { var registerForm = document.querySelectorAll(".register-form"); var loginForm = document.querySelectorAll(".login-form"); var form = document.querySelector(".form"); var gif = document.getElementById("gif"); var xButton = document.getElementById("x-button");

for (let i = 0; i < registerForm.length; i++) { registerForm[i].style.display = "none"; }

for (let i = 0; i < loginForm.length; i++) { loginForm[i].style.display = "block"; } xButton.style.left = "243%"; form.style.left = "25%"; form.style.borderTopRightRadius = "0px"; form.style.borderBottomRightRadius = "0px"; form.style.borderTopLeftRadius = "25px"; form.style.borderBottomLeftRadius = "25px"; gif.style.borderTopRightRadius = "25px"; gif.style.borderBottomRightRadius = "25px"; gif.style.borderTopLeftRadius = "0px"; gif.style.borderBottomLeftRadius = "0px"; gif.style.left = "100%"; }

function swapToRegister() { var registerForm = document.querySelectorAll(".register-form"); var loginForm = document.querySelectorAll(".login-form"); var form = document.querySelector(".form"); var gif = document.getElementById("gif"); var xButton = document.getElementById("x-button");

for (let i = 0; i < registerForm.length; i++) { registerForm[i].style.display = "block"; }

for (let i = 0; i < loginForm.length; i++) { loginForm[i].style.display = "none"; } xButton.style.left = "-153%"; form.style.left = "75%"; form.style.borderTopLeftRadius = "0px"; form.style.borderBottomLeftRadius = "0px"; form.style.borderTopRightRadius = "25px"; form.style.borderBottomRightRadius = "25px"; gif.style.borderTopRightRadius = "0px"; gif.style.borderBottomRightRadius = "0px"; gif.style.borderTopLeftRadius = "25px"; gif.style.borderBottomLeftRadius = "25px"; gif.style.left = "-150%"; }

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!