문제 이메일을 받아 비어있을 경우 "이메일을 입력해주세요"를 출력 이메일이 있을 경우 이메일 형식인지 확인하여 alert 해주기.
<body>
<div class="wrap">
<img
src="<https://ddingdong.spartacodingclub.kr/images/common/logo-tb.svg>"
/>
<p>
매주 월요일,<br />
내 강의실에 찾아오는<br />
코딩 학습지
</p>
<button>카카오로 1초만에 시작하기</button>
<span onClick="openEmail()">이메일로 시작하기</span>
<div class="email" id="emailBox">
<p>이메일</p>
<input
id="emailLogin"
type="text"
placeholder="이메일 주소를 입력해주세요"
/>
<button onclick="login()">로그인하기</button>
<span>이메일이 기억나지 않아요.</span>
</div>
</div>
<script>
function openEmail() {
$("#emailBox").show();
}
function isEmail(email) {
let a = false;
for (let i = 0; i < email.length; i++) {
if (email[i] === "@") {
a = true;
break;
}
}
return a;
}
function login() {
let email = $("#emailLogin").val();
if (email == "") {
alert("이메일을 입력해주세요.");
} else {
alert(isEmail(email) ? "로그인 합니다." : "이메일 형식이 아닙니다.");
}
}
</script>