HTMLInputElement-valueAsNumber.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <input id="input-element" value="100" style="display: none;" />
  2. <script src="../include.js"></script>
  3. <script>
  4. test(() => {
  5. const inputElement = document.getElementById("input-element");
  6. const allInputTypes = [
  7. "number",
  8. "range",
  9. "hidden",
  10. "text",
  11. "search",
  12. "tel",
  13. "url",
  14. "email",
  15. "password",
  16. "date",
  17. "month",
  18. "week",
  19. "time",
  20. "datetime-local",
  21. "color",
  22. "checkbox",
  23. "radio",
  24. "file",
  25. "submit",
  26. "image",
  27. "reset",
  28. "button",
  29. ];
  30. println("valueAsNumber getter:");
  31. for (const type of allInputTypes) {
  32. inputElement.type = type;
  33. println(`${type}: ${inputElement.valueAsNumber}`);
  34. }
  35. println("valueAsNumber setter:");
  36. for (const type of allInputTypes) {
  37. try {
  38. inputElement.type = type;
  39. inputElement.valueAsNumber = 100;
  40. println(`${type} did not throw: ${inputElement.valueAsNumber}`);
  41. } catch (e) {
  42. println(`${type} threw exception: ${e.name}: ${e.message}`);
  43. }
  44. }
  45. });
  46. </script>