JavaScript05 - 조건몬(if) (예시 포함)

2023. 7. 31. 16:04·JavaScript
728x90
반응형
SMALL
🟰if문

☀️코드
if(조건식) {
조건 성립시 수행할 구문...
}

예시코드

See the Pen Untitled by 이선로 (@ttxvrsis-the-animator) on CodePen.


코드내용 해석:
input 에서 age라는 id의 value값을 가져와서 if문에서 활용한다.
submit을 클릭할 경우가 함수가 수행된다.
if(age.value >=20)  //만약 age의 밸류값이 20이상이라면(조건)
msg.innerText = '당신은성인입니다.' //msg의 텍스트에 '당신은 성인입니다'라는 내용을 삽입한다.

esle // 20미만이라면(위 if문의 예외상황시 조건)
msg.innerText = '당신은 미성년자입니다.' //msg의 텍스트에 '당신은 미성년자입니다'라는 내용을 삽입한다.


728x90
반응형
SMALL

'JavaScript' 카테고리의 다른 글

JavaScript07 - sort함수를 통한 오름차순,내림차순 정렬  (0) 2023.08.01
JavaScript06 - switch를 사용한 이동효과 만들기  (0) 2023.08.01
JavaScript04 - 반복문(For) (예시 포함)  (0) 2023.07.30
JavaScript03 - 연산자(덧셈,뺄셈,곱셈,나눗셈) (예시 포함)  (0) 2023.07.29
JavaScript02 - 자료형 (예시 포함)  (0) 2023.07.28
'JavaScript' 카테고리의 다른 글
  • JavaScript07 - sort함수를 통한 오름차순,내림차순 정렬
  • JavaScript06 - switch를 사용한 이동효과 만들기
  • JavaScript04 - 반복문(For) (예시 포함)
  • JavaScript03 - 연산자(덧셈,뺄셈,곱셈,나눗셈) (예시 포함)
공부하고 기억하는 공간
공부하고 기억하는 공간
IT 비전공자로 시작하여 훌륭한 개발자가 되기 위해 공부하고 있는 공간입니다. 틀린 내용이나 부족한 부분이 있으면 댓글로 알려주세요 바로 수정하겠습니다.
    250x250
  • 공부하고 기억하는 공간
    IT - railroad
    공부하고 기억하는 공간
  • 전체
    오늘
    어제
    • 분류 전체보기 (325) N
      • 면접 준비 (22) N
        • OS (6)
        • Spring Security (0)
        • Java (3)
        • DB (11) N
        • Network (3)
      • ElasticSearch (2)
      • Kafka (4)
      • Spring (22)
        • Spring Cloud (7)
        • Security6 (5)
        • JPA (12)
        • 프로젝트 리팩토링 회고록 (4)
        • Logging (8)
        • Batch (2)
      • Redis (17)
        • Redis 개념 (8)
        • Redis 채팅 (5)
        • Redis 읽기쓰기 전략 (1)
      • AWS (11)
      • 리눅스 (29)
        • 리눅스 마스터 2급 (5)
        • 네트워크(기초) (7)
        • 리눅스의 이해 (6)
        • 리눅스의 설치 (2)
        • 리눅스 운영 및 관리 (6)
      • JAVA-기초 (16)
        • JAVA기본 (11)
        • Design Pattern (5)
      • JSP (27)
        • JSP 기본 개념 (10)
        • JSP (1)
      • SQL (1)
      • TIL (36)
      • 문제 풀이 (2)
        • Programmers (9)
        • 백준 문제풀이 (28)
      • JavaScript (10)
      • HTML (17)
      • Ngrinder (1)
        • Ngrinder 문서 정리 (1)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      HTML
      JavaScript
      자바기초
      springsecurity
      JSP
      스프링프레임워크
      자바 면접질문
      jsp request
      CSS
      java
      리눅스마스터2급
      Spring
      spring redis
      자바스크립트
      리눅스마스터2급정리
      JS
      Spring Data Redis
      백준
      redis
      프로그래머스
      redis 채팅
      자바
      자바 반복문
      Springframework
      레디스
      자바 알고리즘
      jsp기초
      리눅스
      Til
      자바 면접
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.3
    공부하고 기억하는 공간
    JavaScript05 - 조건몬(if) (예시 포함)
    상단으로

    티스토리툴바