고정 헤더 영역
상세 컨텐츠
본문
반응형
<html>
<head>
<style type="text/css">
.a{
align : center
}
div{
overflow:auto;
border : dashed blue;
}
#con { background:gray; width:100px; height:240px; }
.zzaz{
border : dashed 2px green;
background:brown;
font-family:"궁서";
Color:white
}
.hol{
border : dotted 2px red ;
background:yellow;
font-family:"돋움";
Color:#99004C
}
</style>
<script>
function printGugudan(num){
var s = "";
s+="<table>";
for(i=1; i<10; i++){
s+="<tr>"
if(i%2==0){
s+="<td class=zzaz width=1% height=1%>"
}
else{
s+="<td class=hol width=1% height=1%>"
}
s+= num + "*" + i + "=" + num*i
s+="</td>"
}
s+="</table>";
con.innerHTML=s;
}
</script>
</head>
<body>
<input type="text" id="dan">
<input type="button" value="구구단출력" onclick="printGugudan(dan.value)">
<div id="con"></div>
</body>
</html>
아이쁘다 알록달록하네
'관리X 과거글' 카테고리의 다른 글
| 자바 채팅프로그램 ,대기실 포함 (0) | 2015.02.10 |
|---|---|
| 스크립트 기타 함수들 외우기 (0) | 2015.02.10 |
| 자바스크립트 간만에 setInterval 이용해 시계만들기 (0) | 2015.02.07 |
| 자바 메모리 Stack , heap 정적,동적 할당에 대해 다시 공부 (0) | 2015.02.07 |
| 모니터 하나로 가상 모니터 만들기 (0) | 2015.02.07 |
