Numbers Only Input (solution)

Technical Debugging Solution

by Ian Roberts

HTML

<input type="text" id="numbersonly" />

JavaScript

document.getElementById('numbersonly').addEventListener('keydown', function(e) {
  var key = parseInt(e.key); // either 1, 2, 3, 4, 5, 6, 7, 8, 9, 0
	var keyArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
  console.log( key, keyArray.includes(key) )
});

/*
// current state of function
// 1 false
// 2 false
// 3 false
// 4 false
// a false
// s false
// d false
// f false
//
// on input of numbers expected console output
// 1 true
// 2 true
// 3 true
// 4 true
// on input of letters expected console output
// NaN false
// What is missing from this script?
*/