웹마스터 팁

  2. Support
  3. 웹마스터 팁

[javascript] 기초강좌 | 4장. 비교제어문(if문)

2014.07.02 17:39

hiwebs

Part1-4(4장). 비교제어문(if문)

 

 

1. if문
제어문: 프로그램이흐름을제어
제어문의종류:
◦비교문, 반복문
if문시리즈
◦if ~
◦if ~ else
◦if ~ else if ~ else

 

 

# 조건이 참이면 실행문을 실행하고 거짓이면 if문을 안전히 빠져나간다.

if(조건){
실행문
…..
}

 

 

<예제>

Javascript4-1.html

<html>
<head><title> </title>
<script language="javascript">
<!--
A = 10;
B = 5 ;
document.write("자바스크립트예제"+"<br>");
if(A>B){
document.write( A + "값이더큽니다");
}
//-->
</script>
</head>
<body>
</body>
</html>

 

#실행결과

자바스크립트예제

10값이 더 큽니다

 

 

 

2. if ~ else문
if문은조건이참인경우인실행만을명시함
if ~ else문은else이하에조건이거짓인경우의실행문을명시할수있게만들었음.

 

#조건이 참이면 실행문1을실행하고 조건이 거짓이면 실행문2를 실행한다.

if(조건){
실행문1;
else
실행문2;
}

 

<예제>

Javascript4-2.html

<html>
<head><title> </title>
<script language="javascript">
<!--
A = 10;
B = 20 ;
document.write("자바스크립트예제"+"<br>");
if(A>B){
document.write( A + "값이 더 큽니다");
}
else
{
document.write( B + "값이 더 큽니다");
}
//-->
</script>
</head>
<body>
</body>
</html>

 

#실행결과

자바스크립트예제

20값이 더 큽니다

 

 

 

3. if ~ else if ~ else 문
조건이여러개인경우else if문이하에조건을명시하게만들었다.
else if문은여러개나올수있다.
더이상조건을나열하지않고그외의것을명시하고자할때else 이하에실행문을실행하게된다.

 

 

#조건1을만족하면실행문1을
조건2를만족하면실행문2를
조건3을만족하면실행문3을
위의모든조건을만족하지않으면
실행문n을실행하게된다.

 

if(조건1){
실행문1;
elseif(조건2)
실행문2;
elseif(조건3)
실행문3;
.....
else
실행문n;
}

 

<예제>

Javascript4-3.html

<HTML>
<HEAD>
<TITLE>Java Script Program</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var score;
score = prompt("점수를입력해주십시오.");
if (score >= 90)
{
document.write("A학점입니다.");
}
else if (score >= 80)
{
document.write ("B학점입니다.");
}
else if (score >= 70)
{
document.write ("C학점입니다.");
}
else if (score >= 60)
{
document.write ("D학점입니다.");
}
else
{
document.write ("F학점입니다.");
}
// -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

 

 

#실행결과

접수입력창프롬프트 => 80입력시

B학점입니다. 라고 출력

 

 

<예제>

Javascript4-4.html

<HTML>
<HEAD>
<TITLE>Java Script Program</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var Price, Price2;
Price = prompt("가격을입력해주십시오.");
if (Price >= 10000)
Price2 = Price * 0.1;
else if(Price >= 5000)
Price2 = Price * 0.05;
else if(Price >= 3000)
Price2 = Price * 0.03;
else if(Price >= 1000)
Price2 = Price * 0.01;
else
Price2 = Price;
document.write("할인가격은" + Price2 + "입니다");
// -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

 

 

#실행결과

접수입력창프롬프트 => 5000입력시

할인가격은 250입니다. 라고 출력

이 게시물을



-

좋아요
목록
제목 글쓴이 날짜
아이프레임속 링크를 기존페이지에서 이동하기 [1] file 정다운804 2008.06.19
썸네일 생성이 되지 않을시 확인할 내용.. [4] 또나아빠 2008.06.17
설치후 권한 재조정 [4] 덱스터 2008.06.17
페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] cyric 2008.06.17
할수 있다!! 내 맘대로 DB주무르기 ★DB방식 변경★ 토리세상 2008.06.16
페이지 숫자에 네이버처럼 사각테두리 씌우기 [8] file 탑심 2008.06.15
☆조회수.추천수 구간에 따른 이미지 나타내기(Hot 등..) - 갤러리게시판&최근이미지위젯☆ [5] 오기오기 2008.06.12
설치시 초기화면으로 돌아가는 문제 해결방법 [4] PICSTORY™ 2008.06.11
링크 사이트 제작을 위한 어드바이스 - MouseOver Preview - [6] file Hammer 2008.06.10
PHP 폼메일 [9] file 헥토르 2008.06.09
(위젯) 이미지 클라우드 스킨 사용 법 [2] file Simulz 2008.06.06
링크 사이트 제작을 위한 어드바이스 - Fade In MouseOver - [3] file Hammer 2008.06.06
2차메뉴 롤오버 위치 변환.. [3] 봄처녀 2008.06.05
이전글,다음글 얻기 (검색결과 까지 포함) (수정) [8] 라르게덴 2008.06.05
1.03버전 글쓸때 오류... [1] 화려한 부활 2008.06.05
링크 사이트 제작을 위한 어드바이스 - Planning 2 - [6] file Hammer 2008.06.04
링크 사이트 제작을 위한 어드바이스 - Planning 1 - [7] file Hammer 2008.06.04
일정 기간이 지난 글에 코멘트 등록 제한 [3] file 老姜君 2008.06.03
1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. 그라미 2008.06.03
레이아웃에 스크립트를 이용한 화면을 띄우고 싶은 경우 [3] dhseo 2008.06.03
태그 쓰기