tengo un teclado HTML y javasscript para escribir números en la entrada usando el teclado estoy tratando de agregar más entradas este teclado funciona bien con una sola entrada
¿Cómo hago que mi código javascript funcione también con la segunda entrada cuando me enfoco en él, el teclado debería poder escribir la segunda entrada usando el mismo teclado?
function resetNumber() { document.getElementById("field").value = ''; } function setNumber(number) { document.getElementById("field").value = document.getElementById("field").value === number ? '' : document.getElementById("field").value += number; } <html> <head> <script src="/scripts/snippet-javascript-console.min.js?v=1"></script> </head> <body> <html> <body> <button onclick="resetNumber()">Reset</button> <button onclick="setNumber(0)">0</button> <button onclick="setNumber(1)">1</button> <button onclick="setNumber(2)">2</button> <button onclick="setNumber(3)">3</button> <button onclick="setNumber(4)">4</button> <button onclick="setNumber(5)">5</button> <button onclick="setNumber(6)">6</button> <button onclick="setNumber(7)">7</button> <button onclick="setNumber(8)">8</button> <button onclick="setNumber(9)">9</button> <br /> <input type="text" id="field" /> <input type="text" id="second" /> </body> </html>Sugeriría almacenar la entrada activa en una variable cuando uno de ellos esté enfocado:
let activeInput; document.querySelector("#field").addEventListener("focus", (event) => { activeInput = event.target; }); document.querySelector("#second").addEventListener("focus", (event) => { activeInput = event.target; }); function resetNumber() { if (!activeInput) { console.log("select an input!"); return; } activeInput.value = ""; } function setNumber(number) { if (!activeInput) { console.log("select an input!"); return; } activeInput.value = activeInput.value === number ? "" : (activeInput.value += number); }