본문 바로가기

Book

[한빛미디어] 인터넷 프로그래밍 입문 17장 연습문제



[한빛미디어] 인터넷 프로그래밍 입문 17장 연습문제


17장 연습문제(제어문과 내장 함수)

서술형문제

1. 조건문에 해당하는 제어문의 종류를 아는 대로 나열하시오

▶▶ if 문, switch 문

2. 반복문에 해당하는 제어문의 종류를 아는 대로 나열하시오.

▶▶ for 문, while 문, do~while 문

3. 변수 total에 저장된 값이 80점 이상이면 ‘우수’, 60점 이상이면 ‘보통’, 둘 다 아니면 ‘저조’를 alert()문으로 출력하는 if 문 소스를 구성해 보시오.

▶▶ if(total>=80)

alert("우수")

else if(total>=60)

alert("보통")

else alert("저조")

4. 변수 f의 값이 1이면 ‘남자’, 2이면 ‘여자’, 둘 다 아니면 ‘외계인’을 alert( ) 문으로 출력하는 switch 문 소스를 구성해 보시오.

▶▶ switch(f)

{

case 1 :

alert("남자"); break;

case 2 :

alert("여자"); break;

default :

alert("외계인");

}

5. 1부터 100까지 출력하는 소스를 for 문으로 구성해 보시오(한 행에 숫자 하나씩 출력).

▶▶ for(i=1;i<=100;i++)

document.write(i + "<br>");

6. 전달받은 값이 숫자인지 문자인지 판별하여 숫자가 아닌 경우 true 값을 반환하는 내장함수는 무엇인가?

▶▶ isNan()

실습형문제

1. 성적 평가하기

ㆍif문으로 입력상제에 입력된 값이 0~100 사이 값이 아닐 경우 오류 메시지를 띄움

ㆍ경고 메시지 확인 후 곧장 total 입력상자에 값을 입력할 수 있도록 입력상자의 입력 값을 블록 설정

ㆍ함수의 마지막 문장을 실행하지 않고 빠져나오도록 설정

· 키포인트 : 각 단계별 실행

<!--

function gradeSamp()

{

txtTotal=form1.total.value

if(txtTotal>=70)

result="합격"

else

result="불합격"

form1.txtResult.value=result

}

//-->

<!--

function gradeSamp()

{

txtTotal=form1.total.value

if(txtTotal>=90)

result="수"

else if(txtTotal>=80)

result="우"

else if(txtTotal>=70)

result="미"

else if(txtTotal>=60)

result="양"

else if(txtTotal=="")

result="값을 입력하세요"

else

result="가"

form1.txtResult.value=result

}

//-->

<!--

function gradeSamp()

{

txtTotal=form1.total.value

if(txtTotal>100)

alert("0~100 사이의 숫자만 입력받습니다.")

else if(txtTotal>=90)

result="수"

else if(txtTotal>=80)

result="우"

else if(txtTotal>=70)

result="미"

else if(txtTotal>=60)

result="양"

else if(txtTotal>=0)

result="가"

else if(txtTotal=="")

result="값을 입력하세요"

else

{

alert("0~100 사이의 숫자만 입력받습니다.")

form1.total.select()

return

}

form1.txtResult.value=result

}

//-->

</script>

2. alert() 함수만으로 퀴즈 만들기

<!-- 코딩1 -->

<input type="button" value="정답보기" onclick="alert('힘')">

<br><br>

<!-- 코딩2 -->

<input type="button" value="정답보기" onclick="alert('고히')">

<br><br>

· 키포인트 : 문제의 정답을 alert() 함수로 알려준다.

심화 연습 문제

1. 계산서 만들기

<html>

<head>

<title>계산기 </title>

<script language=javascript>

function plus( d1 , d2 )

{

var sum ;

sum = d1 + d2 ;

return sum ;

}

function minus( d1 , d2 )

{

var sum ;

sum = d1 - d2 ;

return sum ;

}

function gop( d1 , d2 )

{

var sum ;

sum = d1 * d2 ;

return sum ;

}

function digit( d1 , d2 )

{

var sum ;

sum = d1 / d2 ;

return sum ;

}

function calc( n1 , n2 , sts)

{

var res ; //결과로 돌아온 값이 저장 될 변수

n1=eval(n1); //받아온 전달값이 문자형이므로 숫자형으로 전환

n2=eval(n2);

switch(sts)

{

case "plus" :res = plus( n1 , n2); break; //plus에 n1과 n2를 보내어 계산하게 한 후 그 결과를 res에 저장

case "minus" :res = minus( n1 , n2); break;

case "gop" :res = gop( n1 , n2); break;

case "digit" :res = digit( n1 , n2); break;

}

frm.tot.value=res

}

</script>

</head>

<body>

<table align=center cellpadding=0 cellspacing=0 border=1 bordercolor=white bordercolorlight=cornflowerblue>

<tr>

<td colspan=2 bgcolor=#33CCFF align=center>

<font size="6" color="white" face="comic sans ms">CalCuLaTor</font></td>

</tr>

<tr width="213" height="297">

<td><img src="cal.jpg"></td>

<td align=center width="150">

<form name=frm>

숫자1 : <input type=text size=5 name=num1><br>

숫자2 : <input type=text size=5 name=num2><br><br>

<input type=button value="+" onclick="calc( document.frm.num1.value , document.frm.num2.value , 'plus' )">

<input type=button value="-" onclick="calc( document.frm.num1.value , document.frm.num2.value , 'minus' )">

<input type=button value="×" onclick="calc( document.frm.num1.value , document.frm.num2.value , 'gop' )">

<input type=button value="÷" onclick="calc( document.frm.num1.value , document.frm.num2.value , 'digit' )"><br><br>

<input type=text size=10 name=tot><br><br>

<input type=button value="다시계산" onclick="frm.reset()">

</form>

</td>

</tr>

<tr>

<td colspan=2 bgcolor=#33CCFF height=5>&nbsp;</td>

</tr>

</table>

</body>

</html>

ㆍ더하기 함수 plus(d1, d2) 생성

ㆍ빼기 함수 minus(d1, d2) 생성

ㆍ곱하기 함수 gop(d1, d2) 생성

ㆍ나누기 함수 digit(d1, d2) 생성

ㆍ각각의 함수로 계산하게 할 함수 calc(n1, n2, sts) 생성

ㆍ버튼에 함수를 호출하도록 설정

· 키포인트 : 두 개의 숫자를 입력받아 더하기, 빼기, 곱하기, 나누기 결과를 보여주는 계산기를 제작해본다.