(x)html 관련된 팁을 공유하는 공간입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 66

17

조회 수 : 4751 신고 : 0

작성자 : title: [ani]보라색 나비바비인형
포인트 : 19927 | 레벨 : 14
미리보기 :  
if문은 다음에 주어진 조건에 따라 실행 방향을 달리 하고자 할때 사용하는 명령어 입니다.
if문 다음에 조건을 판단해서 그 조건이 참이면 첫번째 문장을 수행하고
조건이 거짓이면 첫번째 문장을 수행하지 않고 두번째 문장을 수행합니다.
if문 다음에는 반드시 조건문(논리연산자, 관계연산자)만 올수 있습니다.
만약이라는 if문이 있다면
아니면~ 다 라는 else가 있겠죠..
간단한 예제를 들어 볼께요

만일 점수가 60점 이상일 경우에 합격이라고 하고,
60점 미만일 경우엔 불합격이라고 표시해봅시다.

x=prompt("점수","점수를 입력하세요")
라고 정해 줍니다.
x값에는 사용자가 입력한 값이 들어잇겠죠..?
if(x>=60) // 만약 x값이 60보다 크다면
        alert("합격입니다.") // 합격입니다 라는 문구를 출력해주고
else // 그렇지 않으면
        alert("불합격입니다.") // 불합격이라는 문구를 출력합니다.

이런식이 됩니다.
여기다 하나더 붙여 봅시다..
합격입니다라는 문구 밑에 "축하합니다" 라는 문구도 같이 출력하고
불합격입니다라는 문구 밑에 " 재시험보세요" 라는 문구를 출력해 봅시다.

if(x>=60)
        alert("합격입니다.")
        alert("축하합니다.")
else
        alert("불합격입니다.")
        alert("재시험보세요.")

이대로 실행하면.. 분명히 뭔가 잘못된 값이 나오거나.
에러 나실수도 있습니다.
if문은 조건에 만족했을때 반드시 바로 밑의  한문장만 읽습니다.
여러줄인 경우에는
반드시 { } 이렇게 묶어줘야지만 if문이 제대로 수행됩니다.
즉,

if(x>=60){
        alert("합격입니다.")
        alert("축하합니다.")}
else{
        alert("불합격입니다.")
        alert("재시험보세요.")}

이런식으로 묶어줘야 한다는 거죠..


그럼 다음 예제를 들어 볼게요

입력한 숫자가 짝수인지 홀수있지 출력해봅시다.

x=prompt("숫자를 입력해주세요","")
if(x%2==0) // 만약 x라는 값에 2로 나눈 나머지가 0이면,
        y="짝수" // y라는 값에 "짝수"라는 문구를 출력하고
        
else // 그렇지 않으면
        y="홀수" // y라는 값에 "홀수"라는 문구를 출력해라
        
document.write(y) // 위에 조건에 맞는 y값을 출력해라
라는 뜻입니다.

저기 위에 == 이건 같다라는 표현입니다.
= 는이라는거 한개만 쓰면 대입이라는거 아시죠?
이점 유의하세요..

이상으로 4일차 마치겠습니다.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '2'

profile
title: [ani]깜빡이는 표정빽짱구 (14378)

2005.04.12 00:57:57

title: [ani]보라색 나비바비인형 (14379)

2005.04.12 01:01:51

작성자
굿입니다^^
List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
공지 모바일 코딩하시는 분들 참고하세요. title: [ani]깜빡이는 표정빽짱구 2014-05-07   2639
65 html 인라인요소와 블록요소 title: [ani]깜빡이는 표정빽짱구 2016-06-03   375
64 반응형 캘린더 소스 [1] title: [ani]깜빡이는 표정빽짱구 2018-09-16   558
63 모바일 키패드 입력창 title: [ani]깜빡이는 표정빽짱구 2016-02-16   646
62 모바일 코딩시 확대 축소(가능, 불가능) title: [ani]깜빡이는 표정빽짱구 2014-07-21   1197
61 아이폰에서 숫자 사이즈 title: [ani]깜빡이는 표정빽짱구 2014-02-06   1916
60 안드로이드에서 placeholder이 적용안될때 [1] title: [ani]깜빡이는 표정빽짱구 2014-02-03   2929
59 모바일에서 position:fixed 문제 title: [ani]깜빡이는 표정빽짱구 2014-01-13   3103
58 html5 (section, article, nav, aside) title: [ani]깜빡이는 표정빽짱구 2012-08-30   3148
57 마퀴 적용 title: [ani]깜빡이는 표정빽짱구 2004-02-17 16 3259
56 아이프레임 title: [ani]깜빡이는 표정빽짱구 2004-02-17 12 3530
55 기본태그 title: [ani]깜빡이는 표정빽짱구 2004-02-17 17 3640
54 회원가입시 나이제한하기 title: [ani]깜빡이는 표정빽짱구 2004-03-29 16 3788
53 타이틀바 꾸미기2 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3793
52 상태표시줄을 바꿔보자1 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-07 17 3926
51 움직이는 타이틀바 title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3973
50 html5 + CSS3 브라우저별 호환성 비교 [1] title: [ani]깜빡이는 표정빽짱구 2011-09-30   4284
49 모바일에서 전화번호,이메일,지도 자동링크 제거하기 [1] title: [ani]깜빡이는 표정빽짱구 2014-03-07   4364
48 새창을 열면 현재창 닫히는소스 title: [ani]깜빡이는 표정빽짱구 2005-11-24 4 4575
47 best of best 노프레임에서 음악 안끈기게 하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-06 22 4666