Estou fazendo um projeto que calcula alguns equações de física a partir dos dados passados pelo usuário. Meu objetivo é que o programa, ao perceber um "keydown", use o valor digitado para, se possível, calcular o resultado automaticamente, sem que o usuário tenha que clicar em algum botão para que ele calcule.
O problema é que, quando ele identifica o keydown, ele primeiro realiza tudo que foi passado na função onkeydown, pra depois gerar o valor. Para ficar mais claro segue um exemplo:
const a = document.getElementById("a") // "a" é uma lacuna em que o user pode digitar
a.onkeydown = () => {
var valor = a.value // valor do digito que o usuário digitou
alert(valor)
}
O que acontece é que ele primeiro faz todo o código que eu passei no "a.onkeydown" para depois aparecer na lacuna o que o usuário digitou. Ou seja, se o usuário digitar, por exemplo, o número 2, a variável valor não receberá nada, pois naquele momento a lacuna (a.value) está vazia. Então, se logo após o 2, ele digitar 0 (formando o número 20), a var valor receberá o número 2, que já estava digitado.
Eu queria que, antes de executar o código, ele primeiro recebesse o valor passado pelo user, para assim, poder calcular em tempo real. Alguém sabe alguma alternativa?