<HTML>
<HEAD>
<TITLE>구구단</TITLE>
</HEAD>
<BODY>
<H1><CENTER>구구단표</CENTER></H1><BR>
<TABLE ALIGN="center" BORDER=1 CELLSPACING=0 CELLPADDING=2>
<TR>
<script language="javascript">
var i,j,x,y,result
x=prompt("구구단을 계산할 첫번째 숫자를 입력하시오")
y=prompt("구구단을 계산할 두번째 숫자를 입력하시오")
//구구단을 입력받을 값 x,y
for(i=1;i<=9;i++){
document.write("<TD ALIGN=center BGCOLOR=yellow HEIGHT=30 VALIGN=middle><B>");
document.write(i+"단");
document.write("</B></TD>");
}
/*첫번째 줄에 1단~9단을 입력해준다.!(i값은 1부터 9까지 값을 뿌려준다.) 색상은 노란색으로! 배열은 가운데!*/
document.write("</TR>"); //1행끝!
for(i=1;i<=9;i++)//구구단의 첫값인 i를 1부터 9까지 9번 돌려준다.
{
document.write("<TR>"); //행의 시작!
for(j=1;j<=9; j++)//구구단의 두번째값 j를 1부터 9번 까지 9번 돌려준다. (따라서 i*j값만큼 곱하기 수행)
{
if((i==x)&&(j==y)){ //만약 입력받은 값이 i와 j값과 같다면
document.write("<TD BGCOLOR=silver HEIGHT=30 VALIGN=MIDDLE>"); //열에 해당범위에 파란글씨와 회색배경!
document.write("<FONT size=4 COLOR=BLUE><B>");
}
else{
document.write("<FONT COLOR=BLACK>"); //나머지 해당되지 않은범위는 검은색!
document.write("<TD HEIGHT=30 VALIGN=MIDDLE>");
}
result=i*j; //i와 j를 곱한 결과값을 result에 저장해준ㄷ.ㅏ
document.write(i+"X"+j+"="); //iXj= 출력
document.write(result+"<BR>");//결과값출력
document.write("</B></FONT></TD>");//열의 끝!
}
document.write("</TR>");//행의 끝!
}
</script>
</TABLE>
</BODY>
</HTML>
'Not Using > Java script/HTML/CSS' 카테고리의 다른 글
| Introduce.html (0) | 2009.11.30 |
|---|---|
| homepage (0) | 2009.11.23 |
| 조건문을 이용한 학점결과내기 (0) | 2009.11.16 |
| prompt사용한 if문 (0) | 2009.11.16 |
| 산술,관계,논리연산자실습 (0) | 2009.11.16 |
