개발하자/자바스크립트

단입력받아서 구구단 출력-prompt,isNaN

i구야 2015. 2. 12. 11:02

 

 

<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>