Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>INT 2 HEX</title>
- </head>
- <body>
- <form>
- <div>0 <input type="range" name="digit" id="digit" min="0" max="255"> 255</div>
- <div id="hexcode"></div>
- </form>
- <script>
- //0~255 정수를 HEX 코드로 변환하는 함수
- //함수 출처
- //http://www.javascripter.net/faq/rgbtohex.htm
- function toHex(n) {
- n = parseInt(n,10);
- if (isNaN(n)) return "00";
- n = Math.max(0,Math.min(n,255));
- return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16);
- }
- var digit = document.getElementById("digit");
- var hexcode = document.getElementById("hexcode");
- digit.addEventListener("input", function(){
- var val = this.value;
- var hex = toHex(val);
- hexcode.innerHTML = val + " = #" + hex;
- });
- window.onload = function(){
- var val = digit.value;
- var hex = toHex(val);
- hexcode.innerHTML = val + " = #" + hex;
- };
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement