Advertisement
asimryu

0~255 정수를 두 자리 HEX코드로 변환

Feb 11th, 2018
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  <meta charset="UTF-8">
  5.  <title>INT 2 HEX</title>
  6. </head>
  7. <body>
  8.  <form>
  9.   <div>0 <input type="range" name="digit" id="digit" min="0" max="255"> 255</div>
  10.   <div id="hexcode"></div>
  11.  </form>
  12.  <script>
  13.  
  14.   //0~255 정수를 HEX 코드로 변환하는 함수
  15.   //함수 출처
  16.   //http://www.javascripter.net/faq/rgbtohex.htm
  17.   function toHex(n) {
  18.    n = parseInt(n,10);
  19.    if (isNaN(n)) return "00";
  20.    n = Math.max(0,Math.min(n,255));
  21.    return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16);
  22.   }
  23.  
  24.   var digit = document.getElementById("digit");
  25.   var hexcode =  document.getElementById("hexcode");
  26.   digit.addEventListener("input", function(){
  27.    var val = this.value;
  28.    var hex = toHex(val);
  29.    hexcode.innerHTML = val + " = #" + hex;  
  30.   });
  31.  
  32.   window.onload = function(){
  33.    var val = digit.value;
  34.    var hex = toHex(val);
  35.    hexcode.innerHTML = val + " = #" + hex;  
  36.   };
  37.  
  38.  </script>
  39. </body>
  40. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement