Tengo dos campos de entrada productName y quantity , productName campo nombre del producto se está completando con un escáner de código de barras (no tengo acceso al código), mi requisito es detectar tan pronto como el valor se productName en los campos del nombre del producto para poder analizar el valor y complete la quantity del segundo campo.
<input type="text" id="productName" name="productName"> <input type="text" id="quantity" name="quantity"> Dado que no tengo acceso al código que escanea el código de barras y completa el campo productName , hay una posibilidad que pienso es verificar repetidamente si el campo tiene valor o no, como se muestra a continuación.
myVar = setInterval(checkValue, 1000); function checkValue(){ var productName= document.getElementById("productName"); console.log("running"); if (productName && productName.value) { document.getElementById("quantity").value=productName.value; clearInterval(myVar); } }Pero estoy buscando un mejor enfoque en Vanilla Javascript, ¿hay alguna solución alternativa?
Puedes usar onchange .
Ejemplo:
const productNameField = document.querySelector('#productName'); const quantityField = document.querySelector('#quantity'); const populateQuantityField = () => { quantityField.value = productNameField.value; } productNameField.addEventListener('change', populateQuantityField);Otras lecturas: