728x90
반응형
l 제어문
- 프로그램의 실행 과정을 제어하기 위해 사용하는 구문
-
l 자바스크립트 제어문
ㅣ 성별과 성년을 구분하는 프로그램 만들기
<!DOCTYPE html>
<html>
<script>
var gender="M";
var age=21;
if(gender=="M") {
if(age>19) {
result="남자 성인입니다.";
}else {
result="남자 미성년자입니다.";
}
}else {
if(age>=19) {
result="여자 성인입니다.";
}else {
result="여자 미성년자입니다.";
}
}
document.write("당신은 " + result + "<p/>");
</script>
</html>ㅣ 로그인 프로그램 만들기
if~else 사용
<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8">
</head>
<body>
<p>아이디, 비밀번호 입력</p>
<script src="script.js"></script>
</body>
</html>
id=prompt('아이디 입력');
if(id=='admin') {
password=prompt('비밀번호 입력');
if(password==='123456') {
location.href="20_login.html"
}
else {
location.href="20_error.html"
}
}
else {
location.href="20_error.html"
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h2>회원 인증에 성공했습니다.</h2>
<p>저자 홈페이지를 클릭하세요.</p>
<a href="http://cafe.naver.com/go2web">차세대 웹 프로그래밍</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h2>회원 인증에 실패했습니다.</h2>
<p>웹 문서에 접근할 수 없습니다. 관리자에게 문의하시기 바랍니다.</p>
<p>관리자 e-mail : honggildong.@gmail.com</p>
</body>
</html>ㅣ 학점 환산 프로그램 만들기
<script>
var point=93; // 과목 점수
var grade="";
if(point>100) {
document.write("0~100점 사이 값을 입력해야 합니다." + "<p/>");
}
else if(point>=90) {
grade="A";
document.write("아주 잘했어요." + "<p/>");
}
else if(point>=80) {
grade="B";
document.write("잘했어요." + "<p/>");
}
else if(point>=70) {
grade="C";
document.write("조금만 노력하면 잘할 수 있어요." + "<p/>");
}
else if(point>=60) {
grade="D";
document.write("좀 더 노력하세요." + "<p/>");
}
else{
grade="F";
document.write("많이 노력하시기 바랍니다." + "<p/>");
}
document.write("학생의 학점은 <b>" + grade + "</b>입니다.<p/>");
</script>ㅣ 요일을 알려주는 프로그램 만들기
<!DOCTYPE html>
<html>
<script>
var day;
var week = new Date().getDay();
switch(week) {
case 0:
day="일요일";
break;
case 1:
day="월요일";
break;
case 2:
day="화요일";
break;
case 3:
day="수요일";
break;
case 4:
day="목요일";
break;
case 5:
day="금요일";
break;
case 6:
day="토요일";
break;
default :
day="없는 요일";
}
document.write("오늘은 <b> " + day + "</b>입니다. <p/>");
</script>
</html>
ㅣ 요일별 일정을 알려주는 프로그램 만들기
<!DOCTYPE html>
<html>
<script type="text/javascript">
var text;
var week = new Date().getDay();
switch (week) {
case 1:
case 2:
text = "HTML5";
break;
case 3:
case 4:
text = "자바스크립트";
break;
case 5:
case 6:
text = "영어";
break;
case 0:
default:
text = "수영";
break;
}
document.write("오늘은 <b>" + text + "<b/> 학습하는 날입니다. <p/>");
</script>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
ㅣ구구단 만들기
l for문의 변칙적 사용
for( ; ; )와 같이 초기식, 조건식, 증감식을 모두 작성하지 않으면 블록 내
문장을 무한 반복하게 됨
<script>
var x, y;
for(x=2; x<=5; x++) {
document.write("<b> ---[" + x + "단]--- </b>" + "<br>");
for(y=1; y <= 9; y++) {
document.write(x + "*" + y + "=" + (x * y) + "<br>");
}
}
</script>
ㅣwhile문으로 1부터 100까지의 합 구하기
x<100까지로 설정.
<!DODCTYPE html>
<html>
<script>
var x=1;
var sum=0;
while(x<=100) {
sum+=x;
x++;
}
document.write("1~100까지 합 : <b>" + sum + "</b>");
</script>
</html>ㅣ 1~10000까지의 합
while(1) {
} 의 1은 무한반복이다.
<!DODCTYPE html>
<html>
<script>
var x=1;
var sum=0;
while(1) {
sum+=x;
x++;
if(x==10001) {
break;
}
}
document.write("1~10000까지 합 : "+ sum + "</b>");
</script>
</html>
ㅣdo~while 문으로 1~100까지의 합 구하기
do - while 문은 어쨌든 1번은 실행시킨다.
오류가 뜨더라도.
사용자 입력때 자주 사용됨
<!DODCTYPE html>
<html>
<script>
var x=1;
var sum=0;
do {
sum+=x;
x++;
} while(x<=100);
document.write("1~100까지 합 : <b>" + sum + "</b>");
</script>
</html>ㅣbreak문으로 1부터 100까지 수 중 3의 배수 합 구하기
l break문
- for문, while문, do~while문과 같은 반복문이나 switch~case문 내에서 해당 블록을 강제적으로 벗어나 다음 문장을 처리하도록 할 때 사용
<!DODCTYPE html>
<html>
<script>
var x= 0;
var sum = 0;
while(1) {
x+=3;
if(x>100)
break;
sum+=x;
document.write(x + " ");
}
document.write("<p/>");
document.write("1~100까지 수 중 3의 배수 합 : <b>" + sum + "</b>" );
</script>
</html>ㅣcontinue문으로 1부터 100까지 수 중 3의 배수 합 구하기
l continue문
- if문의 조건식이 참이면 continue문 이후의 문장을 처리하지 않고 제어를 반복문의 시작 위치로 옮김
<script>
var x=0;
var sum=0;
for(x=1; x<=100; x++) {
if(x%3 != 0)
continue;
sum+=x;
document.write(x + " ");
}
document.write("<p/>");
document.write("1~100까지 수 중 3의 배수 합 : <b>" + sum + "</b>");
</script>ㅣ label문 활용하기
l label문
- 제어를 블록 바깥으로 옮김
<script>
var i, j;
outloop: // label name
for(i=0; i<3; i++) {
inloop: // label name
for(j=0; j<3; j++) {
if(i===1 && j===0) {
continue outloop;
}
document.write("i = " + i + ", j = " + j + "<br>");
}
}
</script>728x90
반응형
'Language > Java Script' 카테고리의 다른 글
| JavaScript - JSON (0) | 2021.12.14 |
|---|---|
| 시계만들기 (0) | 2021.05.14 |
| Java Script 객체 (0) | 2021.05.12 |
| Java Script 배열 2 (0) | 2021.05.12 |
| Java Script 함수와 배열 (0) | 2021.05.11 |
| Java Script 기본 (0) | 2021.05.10 |