반복문 1.
컴퓨터는 반복되는 번거러움이나 노가다 같은 작업 그리고 자동화를 위해 만들어진 도구이다.
어쩌면 for문은 그들을 대변해주는 아주 적절한 ... 음... 아...
뭐시기냐... 음... 문법? 이라 할 수 있다.
(초보티 팍팍나네..)
우선 첫번째 예제라서 i 라고 하는 변수에 일정한 값을 지정해서 뿌려주기로 한다.
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _1 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
for(i=1;i<5;i++){
|
|
|
document.write("반복" + i + "<br />");
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
for(var i=1;i<31;i=i+1){
|
|
|
document.write("<p>"+i+"</p>");
|
|
|
}
|
|
|
for (var i=1;i<31;i++ ){
|
|
|
document.write("<p>"+i+"</p>");
|
|
|
}
|
|
|
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>반복문 2.두번째 예제는 사용자로부터 옵션을 선택받아 그에 맞는 결과를 도출하는 코드이다.
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _2 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
1~100 홀수만, 그리고 짝수만 나오게
|
|
|
|
|
|
for(i=1;i<=100;i++){
|
|
|
if(i%2==0){
|
|
|
document.write("짝수만 나열"+i+"<br />");
|
|
|
}
|
|
|
}
|
|
|
for(i=1;i<=100;i++){
|
|
|
if(i%2!=0){
|
|
|
document.write("홀수만 나열"+i+"<br />");
|
|
|
}
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
var bl=prompt("홀수를 원하면 a를, 짝수를 원하면 b를");
|
|
|
|
|
|
switch(bl){
|
|
|
case "a":aaa(); //홀수
|
|
|
break;
|
|
|
case "b":bbb(); //짝수
|
|
|
break;
|
|
|
}
|
|
|
|
|
|
function aaa(){
|
|
|
for(i=1;i<=100;i++){
|
|
|
if(i%2!=0){
|
|
|
document.write("홀수만 나열"+i+"<br />");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
function bbb(){
|
|
|
for(i=1;i<=100;i++){
|
|
|
if(i%2==0){
|
|
|
document.write("짝수만 나열"+i+"<br />");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>반복문 3.이번엔 뿌려주는 숫자를 3,6,9,에서 박수라는 문자를 출력해주는 소스로 응용해보자
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _3 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
1~50까지 출력하되 , 3의 배수엔, 숫자 대신 "손벽짝"이 출력되게
|
|
|
|
|
|
for(i=1;i<=50;i++){
|
|
|
if(i%3!=0){
|
|
|
document.write(i + "<br />");
|
|
|
}
|
|
|
if(i%3==0){
|
|
|
document.write("손벽짝" + "<br />");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
*/
|
|
|
for(i=1;i<=50;i++){
|
|
|
if(i%3==0){
|
|
|
document.write("손벽" + "<br />");
|
|
|
}
|
|
|
else{
|
|
|
document.write(i + "<br />");
|
|
|
}
|
|
|
}
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
반복문 4.그동안의 예제가 단순이 뿌려주거나 상황에 맞는 값을 출력해주는 것이 었다면이번 예제부터는 일정한 조건에 맞는 값을 연산해주는 기능을 섞어보겠다.
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _4 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
1~10 까지의 합
|
|
|
|
|
|
|
|
|
for(i=1;i<=10;i++){
|
|
|
i += i
|
|
|
document.write("합계" + i + "<br />");
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
var sum=0;
|
|
|
|
|
|
for(i=1;i<=10;i++){
|
|
|
sum=sum+i;
|
|
|
//sum += i;
|
|
|
}
|
|
|
document.write("합계" + sum + "<br />");
|
|
|
|
|
|
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
반복문 5.4번의 예제를 응용해서 이번에는 한가지의 연산이 아닌 여러가지의 연산을 보여주는 예제를 보겠다.2단 구구단을 만들어보자.
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _5 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
for문을 이용한 구구단 2단
|
|
|
|
|
|
|
|
|
for (i=1;i<10 ;i++ )
|
|
|
{
|
|
|
var num=0;
|
|
|
num = 2 * i
|
|
|
document.write( "2" + "*" + i + "=" num + "<br />");
|
|
|
}
|
|
|
|
|
|
*/
|
|
|
for (i=1;i<10 ;i++ )
|
|
|
{
|
|
|
var num1=2;
|
|
|
var num2=num1*i;
|
|
|
document.write(num1 + "*" + i + "=" + num2 + "<br />");
|
|
|
}
|
|
|
|
|
|
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>반복문 6.이번에는 구구단을 모두 뿌려보자.단, 여기에 한가지 옵션을 추가한다.구구단이 시작하기 전에 몇단을 안내하는지 제목을 같이 뿌려보자.
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
|
|
|
<title> 반복문 for _6 </title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
//<!CDATA[
|
|
|
/*
|
|
|
for문을 이용한 구구단 출력
|
|
|
|
|
|
for (j=1;j<10 ;j++ ){
|
|
|
for (i=1;i<10 ;i++ )
|
|
|
{
|
|
|
var num=j;
|
|
|
var sum=num*i;
|
|
|
document.write(num + "*" + i + "=" + sum + "<br />");
|
|
|
|
|
|
if(i==9){
|
|
|
var title=num+1
|
|
|
document.write("구구단 연습" + title +"단 입니다." + "<br />");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
for (j=1;j<10 ;j++ ){
|
|
|
for (i=1;i<10 ;i++ )
|
|
|
{
|
|
|
var num=j;
|
|
|
var sum=num*i;
|
|
|
|
|
|
if(i==1){
|
|
|
var title=j;
|
|
|
document.write("구구단 연습" + title +"단 입니다." + "<br />");
|
|
|
}
|
|
|
document.write(num + "*" + i + "=" + sum + "<br />");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//]]]]>
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
|
댓글