<html>
<head>
<style type="text/css">
#con { background:#FAF4C0;
width:200px;
height:240px;
border:3px dotted #FF5E00}
#jj { background:yellow;
color:red;
font-family:"궁서";
border:2px double #ABF200;
}
#hh { background:#FF007F;
font-family:"궁서";
border:2px dashed #FFEBFF;
}
</style>
<script>
function printGugudan(num){
var aa="";
for(a=1;a<10;a++){
if(a%2==0){
aa+="<tr align=center>"+"<td id=jj +>"+num+"X"+a+"="+num*a+"<br>"+"</td>"+"</tr>";
}else{
aa+="<tr align=center>"+"<td id=hh width =1% height = 1%>"+num+"X"+a+"="+num*a+"<br>"+"</td>"+"</tr>";
}
}
con.innerHTML="<table>"+aa+"</table>";
}
</script>
</head>
<body>
<div id="con"></div>
<script>
var dan=prompt("단을 입력하시오","5");
printGugudan(dan);
</script>
</body>
</html>
@숫자유무검사
<html>
<head>
<style type="text/css">
#con { background:#FAF4C0;
width:200px;
height:240px;
border:3px dotted #FF5E00}
#jj { background:yellow;
color:red;
font-family:"궁서";
border:2px double #ABF200;
}
#hh { background:#FF007F;
font-family:"궁서";
border:2px dashed #FFEBFF;
}
</style>
<script>
function printGugudan(num){
if(isNaN(num)){
alert("숫자가 아닙니다");
}else{
var aa="";
for(a=1;a<10;a++){
if(a%2==0){
aa+="<tr align=center>"+"<td id=jj>"+num+"X"+a+"="+num*a+"<br>"+"</td>"+"</tr>";
}else{
aa+="<tr align=center>"+"<td id=hh width =1% height = 1%>"+num+"X"+a+"="+num*a+"<br>"+"</td>"+"</tr>";
}
}
con.innerHTML="<table>"+aa+"</table>";
}
}
</script>
</head>
<body>
<div id="con"></div>
<script>
var dan=prompt("단을 입력하시오","5");
printGugudan(dan);
</script>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| trim() (공백이면 false 리턴) (0) | 2015.02.13 |
|---|---|
| 공백유무 (0) | 2015.02.12 |
| 문자형에서 정수형으로 자료형 변환(parseInt) (0) | 2015.02.12 |
| innerHTML (0) | 2015.02.10 |
| 테이블에 구구단출력 (0) | 2015.02.10 |