본문 바로가기

Not Using/Java script/HTML/CSS

11.23 구구단표 만들기



<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