Заменить onclick в html на обработчик событий в Js

Question

Я работаю над проектом для школы, который я должен закончить довольно скоро.Но я использовал старый «onclick» в методе HTML, и это не разрешено.Так что теперь я пытаюсь переместить его в Js с тегом Id.это мой текущий код.

HTML:

<label for="male">Username</label>
<input type="text" id="userName" oninput="changeUserName()">

Javascript:

function changeUserName() {
employee.userName = setEmployee('userName');
showEmployee();   }

Как изменить код, чтобы я использовал списки событий?Я пытался найти YouTube и форумы, но не понял ..

Заранее спасибо

Answer 1

Вы можете выбрать элемент по идентификатору, а затем установить входное значение следующим образом:

document.getElementById("userName").oninput = function() {
  // do something
}

https://jsfiddle.net/hr6dLkuf/5/