Search code examples
javascriptinputdivide

divide field input by 12 using Javascript

I need to take the number that the user is keying into an input field and display underneath the field what this number would be divided by 12. This needs to be pure JS, not Jquery.

ideally it needs to be rounded off also, so 1083.3333333333333 would become 1083

Thanks

Solution

  • Try this

    var userInput = document.getElementById('number');
userInput.addEventListener('keyup', function(e) {
    if (isNumeric(this.value) == true) {
      var divide = Math.round(this.value / 12);
      document.getElementById('result').innerHTML = divide;
    } else {
      document.getElementById('result').innerHTML = 'please enter number';
    }
})

function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}
    <input type="text" id="number">
<p id="result"></p>