안녕하세요!
오늘은 자바스크립트 제어문에서 중첩 else if문, 중첩 for문을 이용한 예제 2문제를 풀어보도록 하겠습니다.
예제1 회원가입 문구 만들기
코드 작성 순서
1. 변수에 id와 pw값 저장하기
2. prompt() 메소드로 아이디, 비밀번호 값 받기
3. 바깥쪽 조건문(조건문1)에 아이디 값이 일치한지 확인하기
4. 안쪽 조건문(조건문2)에 비밀번호 값이 일치한지 확인하기
5. 화면에 결과 나타내기
1. 변수에 id와 pw값 저장하기
var id와 var pw에 각각 아이디와 비밀번호를 저장해 줍니다.
저장한 아이디와 비밀번호가 같아야만 조건이 실행됩니다.
2. prompt() 메소드로 아이디, 비밀번호 값 받기
prompt() 메소드를 통해 아이디와 비밀번호 값을 받고,
user_id, user_pw 각각 변수에 저장해줍니다.
3. 바깥쪽 조건문(조건문1)에 아이디 값이 일치한지 확인하기
if else문을 사용하여 아이디값이 일치하면 if 안쪽의 조건문을 실행하고,
안쪽 조건문이 모두 일치하지 않으면 else에 alert()을 출력합니다.
*location.reload(); : 브라우저 새로고침
4. 안쪽 조건문(조건문2)에 비밀번호 값이 일치한지 확인하기
if(pw == user_pw){
document.write(user_id + "님, 반갑습니다.")
아이디, 비밀번호가 모두 일치하면 나타나는 텍스트입니다.
} else {
alert("비밀번호가 일치하지 않습니다.");
location.reload();
아이디는 일치하고 비밀번호가 불일치하면 나타나는 텍스트입니다.
}
아이디가 일치하지 않다면 굳이 안쪽 조건문까지 도달하지 않고,
바깥쪽 조건문만 실행하게 됩니다.
예제2 구구단 5단 만들기
while문 조건식
var i = 초기값;
while(조건){
코드;
증감식;
}
var i = 1;
while(i <= 9){
document.write("5 x " + i + "=" + i * 5, "<br>");
i++;
}
변수 i에 초기값 1을 설정하고, 조건문에 1~9까지 지정해줍니다.
화면에 나타날 수 있도록 document.write안에 식을 넣어주고,
증감식을 넣으면 끝!