Тип ввода HTML = «число», по-прежнему возвращающее строку при доступе из JavaScript

Я новичок в JavaScript, я пытаюсь узнать, как функции и т.д. в JS и пытаюсь добавить 2 числа

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>JS ADD</title>
</head>

<body>

  <h1>Funcitons is JS</h1>


  <input type="number" id="num1">
  <input type="number" id="num2">

  <button type="button" onclick="addNumAction()">
    Add
  </button>

  <script>
    function addNum(n1, n2) {
      return parseInt(n1) + parseInt(n2);
    }

    function addNumAction() {
      var n1 = document.getElementById("num1").value;
      var n2 = document.getElementById("num2").value;

      var sum = addNum(n1, n2);
      window.alert("" + sum);

    }
  </script>

</body>

</html>

Если я удаляю parseInt (), значение обрабатывается только как строка, тогда какой смысл использовать<input type="number"> ?Пожалуйста, объясните мне. какое поле использовать для получения ввода в виде числа?

Ответы на вопрос(6)

Ваш ответ на вопрос