JS, Login Part-2

1. Getting Username

2.

1. Getting Username

1-1) HTML

<body>
	<form id="login-form">
	<input required maxlength="15" type"text" 
			placeholder="What is your name?" />
	<input type="submit" value="Login" /> 
	</form>
</body>

<style>
.hidden {
	display: none;
}
</style>

1-2) Javascript

const loginForm = document.querySelector("#login-form");
const loginInput = document.querySelector("#login-form input");

function onLoginSubmit(event) {
	event.preventDefault();
	loginForm.classList.add("hidden");
	const username = loginInput.value;
}

loginForm.addEventListener("submit", onLoginSubmit);

1-2)-1. console

![Untitled](<https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b7a86ad-d7ad-4390-8bf1-d3a9ccd749b8/Untitled.png>)

loginForm.classList.add("hidden");