立即将输入值保存到变量

Question

Hello,

I need to instantly save the value of an input into a variable , adding keyup or keydown event listeners only updates the variable with the previous value of the input.

Is there any better solution than using setTimeout() ?

document.getElementById('project').addEventListener('keydown', function projectNameVerifyInit() {
  let projectName = document.getElementById('project').value;
  console.log(projectName);
});

<input type="text" name="project" id="project" placeholder="Project Name" autofocus required>

Thanks

Answer 1

Use Input event.

document.getElementById('project').addEventListener('input', function (evt) {
    let projectName = document.getElementById('project').value;
    console.log(projectName);
})