# PRIVATE
WEB 11월 11일
ROHA__
2010. 11. 11. 11:06
기본 구구단 표시
<html>
<head>
<title>for 문 </title>
<script language="javascript">
<!--
for(i=1;i<=100;i++){
document.write("<img src=clip3.gif>")
}
//자바스크립트 끝-->
</script>
</head><body></body></html>
응용1
<HTML>
<HEAD><TITLE> 기본 구구단 응용1 </TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function gugudan()
{
dan = document.f1.dan.value;
for(i=1;i<=9;i++)
{
document.write(dan+"*" + i +" = "+ dan*i + "<br>");
}
}
-->
</script>
</HEAD>
<BODY background="back3.gif" >
<center>
<h3><b>구구단</b></h3>
<hr>
<h2><b>단을 입력하세요.</b></h2>
<form name = "f1">
<input type = "text" size = 4 name = "dan">
<input type = "submit" value = GO onClick = "gugudan()">
</form>
<hr>
<div id = "result"></div>
</center>
</BODY></HTML>
document 가 아닌, 다른것!
<div></div> // 블럭으로 묶어주는 역할. 따라서 java script 에서 는 많이 쓰인다.
<HTML>
<HEAD><TITLE> 기본 구구단 응용1 </TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function gugudan()
{
dan = document.f1.dan.value;
var res = "";// 초기화
for(i=1;i<=9;i++)
{
res = res + dan+"*" + i +" = "+ dan*i + "<br>";
} //해당 div태그를 주어진 영역으로 채워준다.
// 누적했다가 마지막에 출력한다. 따라서 getElementById 은 한번만 해야한다.
document.getElementById("result").innerHTML=res;
}
-->
</script>
</HEAD>
<BODY background="back3.gif" >
<center>
<h3><b>구구단</b></h3>
<hr>
<h2><b>단을 입력하세요.</b></h2>
<form name = "f1">
<input type = "text" size = 4 name = "dan">
<input type = "button" value = GO onClick = "gugudan()">
</form>
<hr>
<div id="result">
</div>
</center>
</BODY></HTML>
추가
| 6*1=6 6*2=12 6*3=18 |
쭉 | 쭉 |
나오게 하는 것!
728x90
반응형