Reset form invalid values Options

[RainLover]

Here’s a sample form:

CODE

<form>
  <input type="number">
  <input type="number">
  <button type="button">Reset</button>
</form>

var form = document.querySelector('form');

function detectChange() {
  var inputs = form.querySelectorAll('input');
  for (var input of inputs) {
    if (input.value) {
      return true;
    }
  }
}

form.querySelector('button').addEventListener('click', function() {
  if (detectChange() && confirm('Are you sure you want to reset?')) {
    form.reset();
  }
});

DEMO

I’d like the reset button to work even if the user enters non-numeric values.

[CharlesEF]

Actually, isn't the form that has the reset method? An input or button can have a type of reset but doesn't that just call the reset method of the form itself?

[Christian J]

Actually, isn't the form that has the reset method?

When using javascript, yes.

An input or button can have a type of reset but doesn't that just call the reset method of the form itself?

No, an HTML Reset button doesn't need to use javascript.