2023.05.15 JS 기본개념

유저가 <input>에 입력한 값

document.getElementById('').value;

document.getElementById('email').value;

    document.querySelector('form').addEventListener('submit', function(){
      
      if (document.getElementById('email').value == '') {
        alert('아이디 입력')
      } else {
        console.log('완료')
      }
    });

폼 전송 막기

e.preventDefault()

else if 문법

→ 조건식을 연달아 쓰고 싶을 때 사용

→ else 문이 있으면 뒤 조건식을 검사 안할 수도 있음.

if ( 1 == 3) {
      console.log('맞아요1');
    } else if ( 3 == 3) {
      console.log('맞아요2');
    } else if ( 4 == 3) {
      console.log('맞아요3');
    } else (){ 

    }

if 문법

→ 뒤에 조건식 읽음

→ 조건문 안에 true/false 넣어야 잘 작동함

비교연산자

!= → 다름 비교하고 싶으면

== → 느슨한 비교

=== → 엄격한 비교(타입까지 같아야 비교)

truthy 자료들

• 0 제외 숫자
• ‘문자’
• []
• {}

falsy 자료들

• 0
• ‘’
• null
• undefined
• NaN

boolean 타입

if( true ) {
      console.log('안녕')
    }

조건 2개 이상을 동시에 비교하고 싶다면

&&(and) : 둘 다 참이면 전체를 참으로 해주세요

||(or) : 둘 중 하나만 참이면 참으로 해주세요.

<input>에서 일어나는 input 이벤트

→ document.getElementById('email')에 입력한 값이 변할 때 실행이 됨

document.getElementById('email').addEventListener('input', function(){

    })

change 이벤트는 <input>에 입력한 값이 바뀌고 포커스를 잃을 때 발생

document.getElementById('email').addEventListener('change', function(){
      console.log('안녕')
    })

변수

let 변수명 = ‘내용’;

변수에 +1 하는 법

변수 ++

변수 += 1

변수 = 변수 + 1

변수

1. 선언: 변수를 만들겠습니다.
2. 할당: 변수에 자료 넣기
3. 범위:

setTimeout 함수

x초 후 코드를 실행하려면

setTimeout(function(){실행할코드}, ms)