This homework is very much like the forms project we went over in class. It is going to simulate a login page. But for our somewhat goofy app, there can only be $1$ valid user.

Build an HTML page with a form with $32^{nd}{3}^{rd}=====$

The second section of the html form should allow a new user to enter a username, a password, a city, and a state. There should be an "Login" button which when clicked, opens an alert that says "Welcome XXXX$"$ where XXXX is that username. Also, save the username, password, city, and state as $4$ key value pairs using

localStorage.setltem$("$key$",$ "value"$)$;

The third section of the html form should allow an existing user to enter just a username, and password. There should be an "Login" button which when clicked, checks if the username and password match the $2$ values stored in localStorage. If they both match, it opens an alert that says "Welcome back XXXX$"$ where XXXX is that username.

If they do not match, it opens an alert that says "Invalid".

You are not required to match my CSS and color choices, but you should spend a few minutes with CSS to make it look $"$ok$".$

This project must be in a GitHub repo and you should submit that repo URL in the Canvas homework.