✅혼자 공부하는 자바스크립트 2주차 (7/8 ~ 7/14)
진도: Chapter 03
1) 기본 숙제(필수): p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기
2) 추가 숙제(선택): p. 152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡처하기
1) 기본: 중첩 조건문을 논리연산자 이용하여 하나의 if 조건문으로 만들기
// && 넣기
if (x > 10 && x < 20) {
console.log('조건에 맞습니다.')
}
실행화면
2) 추가: 태어난 연도를 입력받아 띠 출력하기
<!DOCTYPE html>
<html lang="en">
<head>
<title>태어난 연도를 입력받아 띠 출력하기</title>
<script>
const year = Number(prompt('태어난 해를 입력해주세요', ' '))
const e = year % 12
let result
if (e === 0) {result = '원숭이'}
else if (e === 1) {result = '닭'}
else if (e === 2) {result = '개'}
else if (e === 3) {result = '돼지'}
else if (e === 4) {result = '쥐'}
else if (e === 5) {result = '소'}
else if (e === 6) {result = '호랑이'}
else if (e === 7) {result = '토끼'}
else if (e === 8) {result = '용'}
else if (e === 9) {result = '뱀'}
else if (e === 10) {result = '말'}
else if (e === 11) {result = '양'}
alert(`${year}년에 태어났다면 ${result} 띠 입니다`)
</script>
</head>
<body>
// 다르게 풀어보기
<script>
const rawInput = prompt('태어난 해를 입력해주세요.', '')
const year = Number(rawInput)
const e = year % 12
let result
switch (e) {
case 0:
result = '원숭이'
break
case 1: result = '닭'; break;
case 2: result = '개'; break;
case 3: result = '돼지'; break;
case 4: result = '쥐'; break;
case 5: result = '소'; break;
case 6: result = '호랑이'; break;
case 7: result = '토끼'; break;
case 8: result = '용'; break;
case 9: result = '뱀'; break;
case 10: result = '말'; break;
case 11: result = '양'; break;
}
alert(`${year}년에 태어났다면 ${result} 띠 입니다.`)
</script>
//.split 이용한 짧은 버전 (유튜브 5강 참조)
<script>
const year = Number(prompt('태어난 해를 입력해주세요', ' '))
const result = '원숭이, 닭, 개, 돼지, 쥐, 소, 호랑이, 토끼, 용, 뱀, 말, 양'.split(',')
alert(`${year}년에 태어났다면 ${result[year%12]} 띠 입니다.`)
</script>🙋♂️Q&A: 윤인성 저자님
💻유튜브 강의: 👉전체 강의 목록
자바스크립트 스탠다드 스타일
더 나은 세상은 가능하다를 믿고 실천하는 활동가