[JavaScript] if...else문

혜린·2021년 11월 29일
0

JavaScript

목록 보기
2/21
post-thumbnail

✔️ 오늘의 POINT


if...else문 (조건문)

  • if문(조건문)은 주어진 조건식의 결과에 따라 코드의 실행을 결정
  • 조건식은 블리언(true, false)값으로 평가될 수 있는 표현식
  • if...else문과 switch문이 있다

(1) 연습

let x=3;
let y=7;

if (x==y){
    document.write('if문으로 실행되었습니다.');
}   else {
    document.write('else문으로 실행되었습니다.');
}

📝 x인 3과 y인 7은 같지 않으므로,
else의 'else문으로 실행되었습니다.'가 출력된다


(2) 연습

let score = 89;
let money = 100000;

if (score >= 90){
    console.log('mom: i\'m happy~!');
    money += 1000000;
} else if (score >= 80){
    console.log('mom: i\'m happy!');
    money += 100000;
} else if (score >= 70){
    console.log('mom: i\'m happy.');
    money += 10000;
} else if (score >= 60){
    console.log('mom: i\'m happy..');
    money += 10000;
} else {
    console.log('...');
}

📝 첫번째의 90점 이상이라는 조건말고는 모두 해당되므로,
기존의 10만원에 +10만원 +1만원 +1만원되어 총 22만원이 출력된다


(3) 삼항 조건 연산자

let x = 3;
let result = x == 4 ? 100 : 200;

📝 x는 3이므로 4와 같지 않다.
이럴 때는 : 뒤의 값을 출력하므로 200이 출력된다



✔️ 느낀점

😱 CSS도 처음 배울때 많은 어려움을 겪었지만, JavaScript로 들어오니 그 어려움의 정도가 다름을 느끼고 있다..ㅠㅠ 아직 이해가 잘 가지 않는 내용이 많아 여러번 반복학습이 정말 필요로해보인다..1번 본 것은 공부한 게 아니란 말을 꼭 명심하고 여러번 반복해서 보고 연습하자!
🙏 배우는 내용이 많아지니 또 어떻게 벨로그에 정리할 지 아득해지기 시작했다.. 너무 모든 내용을 담으려고 애쓰지 말고 직접 실습해보는 것에 집중하자!

profile
FE Developer

0개의 댓글