JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post">
<input type="text" id="meu-input" />
<input type="submit" id="meu-submit" value="Enviar" />
</form>
JavaScript
// Função que mostra o valor do input num alert
function mostrarValor() {
alert(document.getElementById("meu-input").value);
}
// Evento que é executado toda vez que uma tecla for pressionada no input
document.getElementById("meu-input").onkeydown = function(e) {
// 13 é a tecla <ENTER>. Se ela for pressionada, mostrar o valor
if (e.keyCode == 13) {
mostrarValor();
return false;
}
}
// Evento que é executado ao clicar no botão de enviar
document.getElementById("meu-submit").onsubmit = function() {
mostrarValor();
return false;
}