0806 TIL DOM

🙆‍♀️ DOM의 개념을 이해할 수 있다.

🙆‍♀️ DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 알 수 있다.

🙆‍♀️ HTML에서 Javascript 파일을 불러올 때 주의점에 대해서 이해할 수 있다.

🙆‍♀️ <script> 태그가 적용되는 위치에 따라서 실행 결과가 달라질 수 있음을 이해할 수 있다.

else if와 if

if(dessdfs){

  }else{
    if(fsdfsd){

    }
    else{

    }
  }

위에가 else if이고

if(){}
if(){}

이게 그냥 if

• else if 예제 1

  if ( 조건식 A )
  {
    실행문 a;          //조건식 A가 참일 때 실행
  }
  else if ( 조건식 B )
  {
    실행문 b;          //조건식 A가 거짓, 조건식 B가 참일 때 실행
  }
  else
  {
    실행문 c;          //조건식 A와 B가 모두 거짓일 때 실행
  }

• else if 예제 2

let num = prompt( "원하는 숫자를 입력하세요.", "" );

  if ( num >= 100 )
  {
    document.write ( "입력한 숫자는 100 이상입니다." );
  }
  else if ( num >= 50 )
  {
    document.write ( "입력한 숫자는 50 이상, 99 이하입니다." );
  }
  else if (num >= 0 )
  {
    document.write ( "입력한 숫자는 0 이상, 49 이하입니다." )
  }
  else
  {
    document.write( "입력한 숫자는 음수입니다." );
  }

유효성 검사 정규식

소문자 또는 숫자만

function onlyNumberAndEnglish(str) {
  return /^[a-z][a-z0-9]*$/.test(str);
}