개발/HTML2014. 12. 26. 17:34
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="EUC-KR">
  5. <title>Insert title here</title>
  6. <script>
  7.     function fn_ToFixed()
  8.     {
  9.         var form = document.forms['Number'];
  10.         var su = 123.45670;
  11.         form.ToFixed1.value = su.toFixed(1);
  12.         form.ToFixed2.value = su.toFixed(4);
  13.     }
  14.    
  15.     function fn_String()
  16.     {
  17.         var form = document.forms['Number'];
  18.         var su = 52;
  19.         form.String1.value = su.toString();
  20.         form.String2.value = su.toString(2);
  21.         form.String3.value = su.toString(8);
  22.         form.String4.value = su.toString(16);
  23.     }
  24.    
  25.     function fn_toPrecision()
  26.     {
  27.         var form = document.forms['Number'];
  28.         var su = 5158515.1212;
  29.        
  30.         form.ToPrecision1.value = Number(su).toPrecision(8);
  31.     }
  32.    
  33.     function fn_parseint()
  34.     {
  35.         var form = document.forms['Number'];
  36.        
  37.         form.Parseint1.value = parseInt("12313 ABC");
  38.     }
  39. </script>
  40. </head>
  41. <body>
  42. <form name="Number">
  43.     <div align="center"><font size="20">Number</font></div><br><br>
  44.     <table border="1" align="center">
  45.         <tr>
  46.             <td> toFixed() : </td>
  47.             <td> 숫자를 고정 소수점 표시로 나타낸 문자열을 리턴한다. </td>
  48.             <td><input type="button" size="10" value="보기" onclick="fn_ToFixed()"/></td>
  49.             <td><input type="text" size="20" id="ToFixed1" value="toFixed(1)"/></td>
  50.             <td><input type="text" size="20" id="ToFixed2" value="toFixed(4)"/></td>
  51.         </tr>
  52.         <tr>
  53.             <td> toString() : </td>
  54.             <td> number를 string으로 리턴한다</td>
  55.             <td><input type="button" size="10" value="보기" onclick="fn_String()"/></td>
  56.             <td colspan="2"><input type="text" size="20" id="String1" value="52"/></td>
  57.         </tr>
  58.         <tr>
  59.             <td></td>
  60.             <td></td>
  61.             <td></td>
  62.             <td colspan="2"><input type="text" size="20" id="String2" value="2진법"/></td>
  63.         </tr>
  64.         <tr>
  65.             <td></td>
  66.             <td></td>
  67.             <td></td>
  68.             <td colspan="2"><input type="text" size="20" id="String3" value="8진법"/></td>
  69.         </tr>
  70.         <tr>
  71.             <td></td>
  72.             <td></td>
  73.             <td></td>
  74.             <td colspan="2"><input type="text" size="20" id="String4" value="16진법"/></td>
  75.         </tr>
  76.         <tr>
  77.             <td> toPrecision() : </td>
  78.             <td> ()안에 숫자의 특정길이를 표기하여 그 길이한큼 string로 리턴한다</td>
  79.             <td><input type="button" size="10" value="보기" onclick="fn_toPrecision()"/></td>
  80.             <td colspan="2"><input type="text" size="20" id="ToPrecision1" value="5158515.1212"/></td>
  81.         </tr>
  82.        
  83.         <tr>
  84.             <td> parseInt() : </td>
  85.             <td> 제일 앞에 나오는 문자열이 아닌 정수 수치만을 얻어 온다.</td>
  86.             <td><input type="button" size="10" value="보기" onclick="fn_parseint()"/></td>
  87.             <td colspan="2"><input type="text" size="20" id="Parseint1" value="12313 ABC"/></td>
  88.         </tr>
  89.     </table>
  90. </form>
  91. </body>
  92. </html>

 

 변경 전

 변경 후

 

'개발 > HTML' 카테고리의 다른 글

구글맵 api  (0) 2015.08.04
Math 이벤트  (0) 2014.12.26
Date 이벤트  (0) 2014.12.26
Array 이벤트  (0) 2014.12.26
String 이벤트  (0) 2014.12.26
Posted by 고니킹