¿Cómo puedo pasar el valor de la entrada html a javascript? Tengo value_1 = 0, pero cuando lo cambio en el formulario de entrada, quiero código dentro si sucede.
<body> <input type="number" name="a" id="commands"><br> <canvas id="myChart1"></canvas> <script> const value_1 = 0; const value_1 = document.getElementById("commands").value; if(value_1 != 0) { //code } </script> </body>agregue un oyente para el evento 'keyup', de la siguiente manera:
document.getElementById("commands").addEventListener('keyup', (e) => { let value = document.getElementById("commands").value; if (value !== 0) { // code } });O así:
document.getElementById("commands").onkeyup = function(e) { let value = document.getElementById("commands").value; if (value !== 0) { // code } }o con jQuery:
$('#commands').on('keyup', (e) => { let value = $('#commands').val(); if (value !== 0) { // code } });Puede pasar el valor de html a JavaScript correctamente usando el siguiente código:
HTML:
<form onsubmit="return getValue('commands')"> <input type="number" name="a" id="commands"> <canvas id="myChart1"></canvas> </form>JavaScript:
<script> function getValue(id) { let value_1 = 0; value_1 = document.getElementById(id).value; alert(value_1); if(value_1 != 0) { //code } return false; } </script>Puede usar addEventListener con el tipo de evento de cambio o usar la propiedad onchange.
Ejemplo:
<script> const value_1 = document.getElementById("commands"); value_1.onchange = function(){ if(value_1.value != 0) { console.log("Not 0");//code } } </script>