binary_counter.html

   1 <html>
   2 <SCRIPT LANGUAGE="JavaScript">
   3 <!--
   4 ////////////////////////////////////////
   5 ////////////////////////////////////////
   6 // F Permadi 10/10/01
   7 // Copyright 2001 F. Permadi
   8 ////////////////////////////////////////
   9 ////////////////////////////////////////
  10 var timerId;
  11
  12 ////////////////////////////////////////
  13 // clear timer
  14 ////////////////////////////////////////
  15 function clearAuto()
  16 {
  17         clearTimeout(timerId);
  18 }
  19
  20 ////////////////////////////////////////
  21 // convert decimal to hexadecimal number
  22 ////////////////////////////////////////
  23 function binToDec(setTimer)
  24 {
  25         var binNum=document.form1.bin.value;
  26         var decNum=decConvertFromBase(binNum, 2);
  27         if (binNum!="-1")
  28         {
  29                 document.form1.dec.value=decNum;
  30                 if (setTimer==true)
  31                 {
  32                         timerId=setTimeout("binToDec(true)", 100);
  33                 }
  34                 return true;
  35         }
  36         else
  37         {
  38                 document.form1.bin.value="";
  39                 return false;
  40         }
  41 }
  42
  43 ////////////////////////////////////////
  44 // convert hexadecimal to decimal number
  45 ////////////////////////////////////////
  46 function hexToDec(setTimer)
  47 {
  48         var hexNum=document.form1.hex.value;
  49         var decNum=decConvertFromBase(hexNum, 16);
  50         if (decNum!="-1")
  51         {
  52                 document.form1.dec.value=decNum;
  53                 if (setTimer==true)
  54                 {
  55                         timerId=setTimeout("hexToDec(true)", 100);
  56                 }
  57                 return true;
  58         }
  59         else
  60         {
  61                 document.form1.dec.value="";
  62                 return false;
  63         }
  64 }
  65
  66 ////////////////////////////////////////
  67 // process decimal conversion
  68 ////////////////////////////////////////
  69 function hexProcess(setTimer)
  70 {
  71         var hexNum=""+document.form1.hex.value;
  72
  73         // make sure the number is valid
  74         for (i=0; i<hexNum.length; i++)
  75         {
  76                 if ((hexNum.charAt(i)>='0' && hexNum.charAt(i)<='9') ||
  77                         (hexNum.charAt(i)>='a' && hexNum.charAt(i)<='f') ||
  78                         (hexNum.charAt(i)>='A' && hexNum.charAt(i)<='F'))
  79                 {
  80                 }
  81                 else
  82                 {
  83                         alert(hexNum+" is not a valid HEXADECIMAL number because it contains "+hexNum.charAt(i));
  84                         document.form1.hex.value="";
  85                         return false;
  86                 }
  87         }
  88         hexToDec();
  89         decToBin();
  90         if (setTimer==true)
  91         {
  92                 timerId=setTimeout("hexProcess(true)", 100);
  93         }
  94 }
  95
  96 ////////////////////////////////////////
  97 // process decimal conversion
  98 ////////////////////////////////////////
  99 function decProcess(setTimer)
 100 {
 101         var num=document.form1.dec.value;
 102         // make sure the number is valid
 103         for (i=0; i<num.length; i++)
 104         {
 105                 if (num.charAt(i)>='0' && num.charAt(i)<='9')
 106                 {
 107                 }
 108                 else
 109                 {
 110                         alert(num+" is not a valid DECIMAL number because it contains\n \""+num.charAt(i)+"\"");
 111                         document.form1.dec.value="";
 112                         return false;
 113                 }
 114         }
 115         decToBin(false);
 116         decToHex(false);
 117         if (setTimer==true)
 118         {
 119                 timerId=setTimeout("decProcess(true)", 100);
 120         }
 121         return true;
 122 }
 123
 124 ////////////////////////////////////////
 125 // process binary conversion
 126 ////////////////////////////////////////
 127 function binProcess(setTimer)
 128 {
 129         var num=document.form1.bin.value;
 130         // make sure the number is valid
 131         for (i=0; i<num.length; i++)
 132         {
 133                 if (num.charAt(i)>='0' && num.charAt(i)<='1')
 134                 {
 135                 }
 136                 else
 137                 {
 138                         alert(num+" is not a valid BINARY number because it contains\n \""+num.charAt(i)+"\"");
 139                         document.form1.bin.value="";
 140                         return false;
 141                 }
 142         }
 143         binToDec(false);
 144         decToHex(false);
 145         if (setTimer==true)
 146         {
 147                 timerId=setTimeout("binProcess(true)", 100);
 148         }
 149         return true;
 150 }
 151
 152
 153 ////////////////////////////////////////
 154 // convert decimal to hexadecimal number
 155 ////////////////////////////////////////
 156 function decToBin(setTimer)
 157 {
 158         var decNum=document.form1.dec.value;
 159         var binNum=decConvertToBase(decNum, 2);
 160         if (binNum!="-1")
 161         {
 162                 document.form1.bin.value=binNum;
 163                 if (setTimer==true)
 164                 {
 165                         timerId=setTimeout("decToBin(true)", 100);
 166                 }
 167                 return true;
 168         }
 169         else
 170         {
 171                 document.form1.bin.value="";
 172                 return false;
 173         }
 174 }
 175
 176 ////////////////////////////////////////
 177 // convert decimal to hexadecimal number
 178 ////////////////////////////////////////
 179 function decToHex(setTimer)
 180 {
 181         var decNum=document.form1.dec.value;
 182         var hexNum=decConvertToBase(decNum, 16);
 183         if (hexNum!="-1")
 184         {
 185                 document.form1.hex.value=hexNum;
 186                 if (setTimer==true)
 187                 {
 188                         timerId=setTimeout("decToHex(true)", 100);
 189                 }
 190                 return true;
 191         }
 192         else
 193         {
 194                 document.form1.hex.value="";
 195                 return false;
 196         }
 197         return true;
 198 }
 199
 200 ////////////////////////////////////////
 201 // convert non decimal number to decimal
 202 ////////////////////////////////////////
 203 function decConvertFromBase(num, base)
 204 {
 205         var decNum=0;
 206         var power=0;
 207         // loop backward
 208         for (i=num.length-1; i>=0; i--)
 209         {
 210                 var digit=num.charAt(i);
 211                 if (digit>='a' || digit>='A')
 212                 {
 213                         if (digit=='a' || digit=='A')
 214                                 digit=10;
 215                         else if (digit=='b' || digit=='B')
 216                                 digit=11;
 217                         else if (digit=='c' || digit=='C')
 218                                 digit=12;
 219                         else if (digit=='d' || digit=='D')
 220                                 digit=13;
 221                         else if (digit=='e' || digit=='E')
 222                                 digit=14;
 223                         else if (digit=='f' || digit=='F')
 224                                 digit=15;
 225                 }
 226                 decNum+=digit*Math.pow(base, power);
 227                 power++;
 228         }
 229         return decNum;
 230 }
 231
 232
 233 ////////////////////////////////////////
 234 // convert decimal number to non decimal
 235 ////////////////////////////////////////
 236 function decConvertToBase(num, base)
 237 {
 238         var newNum="";
 239         var result=num;
 240         var remainder=0;
 241         while (result>0)
 242         {
 243                 result=Math.floor(num/base);
 244                 remainder=num%base;
 245                 num=result;
 246
 247                 if (remainder>=10)
 248                 {
 249                         if (remainder==10)
 250                                 remainder='A';
 251                         if (remainder==11)
 252                                 remainder='B';
 253                         if (remainder==12)
 254                                 remainder='C';
 255                         if (remainder==13)
 256                                 remainder='D';
 257                         if (remainder==14)
 258                                 remainder='E';
 259                         if (remainder==15)
 260                                 remainder='F';
 261                 }
 262                 // just append the next remainder to the beginning of the string
 263                 newNum=""+remainder+newNum;
 264         };
 265         return newNum;
 266 }
 267
 268 ////////////////////////////////////////
 269 // increase decimal val and recalc others
 270 ////////////////////////////////////////
 271 function incDecNumber()
 272 {
 273         if(document.form1.dec.value >= 0) {
 274                 document.form1.dec.value++;
 275                 document.form1.hex.value = decConvertToBase(document.form1.dec.value, 16);
 276                 document.form1.bin.value = decConvertToBase(document.form1.dec.value, 2);
 277         }
 278
 279 }
 280
 281 ////////////////////////////////////////
 282 // decrease decimal val and recalc others
 283 ////////////////////////////////////////
 284 function decDecNumber()
 285 {
 286         if(document.form1.dec.value > 0) {
 287                 document.form1.dec.value--;
 288                 document.form1.hex.value = decConvertToBase(document.form1.dec.value, 16);
 289                 document.form1.bin.value = decConvertToBase(document.form1.dec.value, 2);
 290         }
 291 }
 292
 293 function clearAll()
 294 {
 295         document.form1.dec.value = '';
 296         document.form1.hex.value = '';
 297         document.form1.bin.value = '';
 298 }
 299
 300 //-->
 301    </SCRIPT>
 302         <b>Number Conversion Applet</b><br>
 303 <form name="form1">
 304         <table>
 305         <tr>
 306                 <td>Decimal:</td><td><INPUT TYPE="text" NAME="dec" SIZE="20" onBlur="javascript:clearAuto()" onFocus="javascript:decProcess(true)" onChange="javascript:clearAuto()" style="text-align:right;"></td>
 307         </tr><tr>
 308                 <td>Binary:</td><td><INPUT TYPE="text" NAME="bin" SIZE="20" onBlur="javascript:clearAuto()" onFocus="javascript:binProcess(true)" onChange="javascript:clearAuto()" style="text-align:right;"></td>
 309         </tr><tr>
 310                 <td>Hex:</td><td><INPUT TYPE="text" NAME="hex" SIZE="20" onBlur="javascript:clearAuto()" onFocus="javascript:hexProcess(true)" onChange="javascript:clearAuto()" style="text-align:right;"></td>
 311         </tr>
 312         </table>
 313 </form>
 314         <button onClick='incDecNumber();'>+</button>
 315         <button onClick='decDecNumber();'>-</button>
 316         <button onClick='clearAll();'>Clear</button>
 317 </html>