Onkeyup is not working

Question

Although I can see an "onkeyup" event in the chrome console, for whatever reason, the event is not firing.

var el = document.getElementById("userInput");
el.addEventListener("onkeyup", function() {
    alert('yahoooo0');
});

<input type="text" id="userInput" name="food"/>
    
    

Answer 1

Update your event listener from onkeyup to keyup.

var el = document.getElementById("userInput");
el.addEventListener("keyup", function() {
    alert('yahoooo0');
});

<input type="text" id="userInput" name="food"/>
    

Answer 2

el.addEventListener("keyup", function() {

Answer 3

try this :

$("#userInput").keyup(function() {
   alert('yahoooo0');
});

test on fiddle

Answer 4

You can change the eventlistener name from onkeyup to keyup or you may use below simple eventlistenter attaching method

<input type="text" id="userInput" name="food" onkeyup="doSomething()"/>