Input value is a string instead of a number

by

Check out HTMLInputElement.valueAsNumber:

The value of the element, interpreted as one of the following in order:

  1. a time value
  2. a number
  3. null if conversion is not possible
var testInput = document.getElementById("test-input");

function handleInput(e){
  var value = this.valueAsNumber;
  console.log("type: %s, value: %o", typeof value, value);  
}

testInput.addEventListener("input", handleInput);
  
handleInput.call(testInput);
<input type="number" id="test-input" type="number" value=5>

This will return NaN for non-numerics or non-finite numbers.

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. JS hide function error
  3. Create a new div element when button is clicked JavaScript [closed]
  4. how to view the answer of a js function in a html input? [duplicate]
  5. How to create button to check uncheckable checkbox
  6. Load and execution sequence of a web page?
  7. Chrome extension – retrieving global variable from webpage
  8. Zoom Canvas to Mouse Cursor
  9. How can I change div content with JavaScript?
  10. JSFiddle code not working in my own page
  11. All About…. Z-Index?
  12. How do I escape a single quote ( ‘ ) in JavaScript? [duplicate]
  13. Detecting if a browser is using Private Browsing mode
  14. Getting the parent div of element
  15. Check if my website is open in another tab
  16. Conditionally load JavaScript file
  17. Set content of iframe
  18. How to print HTML content on click of a button, but not the page? [duplicate]
  19. React: why child component doesn’t update when prop changes
  20. How to separate web components to individual files and load them?
  21. Javascript Detect click event outside of div [duplicate]
  22. How To Show And Hide Input Fields Based On Radio Button Selection
  23. jQuery Validation using the class instead of the name value
  24. Measure distance between two HTML elements’ centers
  25. How to create checkbox inside dropdown?
  26. How to flip images horizontally with HTML5
  27. Remove fragment in URL with JavaScript w/out causing page reload
  28. Control iframe content with javascript/html
  29. How to make the HTML renders before the alert is triggered?
  30. Could a website force the browser to go into fullscreen mode?

Leave a Comment