Advertisement
Guest User

Untitled

a guest
Oct 16th, 2019
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>bin to dec</title>
  5. </head>
  6. <body>
  7. <div>
  8. <label for="bin">Enter binary number: </label>
  9. <input type="text" name="bin" id="bin"><br/>
  10. <span>Decimal: <span id="dec"></span></span>
  11. </div>
  12. <script type="text/javascript">
  13. document.getElementById("bin").addEventListener("keydown", function(event){
  14. var keyCode = parseInt(event.keyCode);
  15. var allowedCodes = [8, 37, 39, 48, 49];
  16. if(isNaN(keyCode) || (allowedCodes.indexOf(keyCode) == -1)) {
  17. event.preventDefault();
  18. }
  19. });
  20. document.getElementById("bin").addEventListener("keyup", function(event){
  21. var bin = parseInt(document.getElementById("bin").value, 2);
  22. if(!isNaN(bin)) {
  23. document.getElementById("dec").innerHTML = bin;
  24. } else {
  25. document.getElementById("dec").innerHTML = "";
  26. }
  27. });
  28.  
  29. </script>
  30. </body>
  31. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement