[JS] Level 1(4)

input, change 이벤트와 and, or 연산자

---

• addEventListner의 이벤트에 'input'을 넣으면 <input>에서 일어나는 input 이벤트 구현
  • 'change'도 유사하지만, <input>에 입력한 값이 바뀌고 포커스를 잃을 때 이벤트 발생
• 예시

    document.getElmentById('email').addEventListener('input', function(){
        console.log('안녕')
    })
  

조건식에 대하여

---

• 실은 if문 안엔 true/false 넣어야 잘 작동. 조건문 안의 조건식은 컴퓨터가 true/false로 변환.
  • boolean type
  • 비교 연산자: == / != / ===(타입 등 엄격한 비교) / !==
    • 동시 비교 연산자: && / ||
  • truthy 자료: 0 제외 숫자, ‘문자’, [], {}
  • falsy 자료: 0, ‘’, null, undefined, NaN

if/else, function 실력향상 과제

---

Q1. 철수는 369게임을 더럽게 못합니다.

• 삼육구게임 함수 구현: 삼육구게임(숫자)를 실행할 때 알맞는 박수, 혹은 통과 글자를 콘솔창에 띄우기
• 구현

    function 삼육구게임(n) {
        if (n % 3 == 0){
            console.log('박수')
        }
        else {
            consloe.log('통과')
        }
    }
  
  

Q2. 하지만 369게임 업그레이드 버전이 등장했습니다.

• 구현

    function 삼육구게임(n) {
        if (n % 9 == 0){
            console.log('박수X2')
        }
        else if (n % 3 == 0){
            console.log('박수')
        }
        else {
            consloe.log('통과')
        }
    }
  
  

Q3. 공인중개사 시험점수를 입력하면 합격인지 알려주는 함수를 만들어봅시다.

• 구현

    function 합격했냐(개론, 민법) {
        if (개론 < 40 || 민법 < 40){
            console.log('불합격')
        }
        else if (개론 + 민법 < 120){
            console.log('불합격')
        }
        else {
            console.log('합격')
        }
    }
  

(응용) 원래의 369게임 룰을 적용하려면 어떻게 해야할까요?

• 마지막 문자 가져오기
• 구현

    function 삼육구게임(n) {
        const last_num = Number(String(n).slice(-1));
  
        if (last_num !== 0 && last_num % 3 == 0){
            console.log('박수')
        }
        else {
            console.log('통과')
        }
    }
  

(응용2) 합격판독기에 0에서 100사이 숫자가 아닌걸 입력하면 장난치지 말라고 alert를 띄우려면 어떻게 코드짜야 할까요?

• 구현

    function 합격했냐(개론, 민법) {
        if (개론> 100 || 개론< 0 || 민법> 100 || 민법< 0){
            alert('장난치지 마셈')
       }
        else if (개론 < 40 || 민법 < 40){
            console.log('불합격')
        }
        else if (개론 + 민법 < 120){
            console.log('불합격')
        }
        else {
            console.log('합격')
        }
    }   
  

변수문법과 Dark mode 버튼만들기

---

• 변수문법: var 변수명 = 넣을자료;
  1. 길고 복잡한 자료들 저장 가능
  2. 특정 값 기억
• 변수에 +1 하는 법
  1. 변수++
  2. 변수 += 1
  3. 변수 = 변수 + 1
• 다크모드 만들기