Quiero que el botón con la identificación del número 1 muestre el valor de 1 en el cuadro de entrada que tiene la identificación de búsqueda, que es la abreviatura de pregunta. También quiero saber si mi código se puede hacer más legible.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calucator</title> <style> body{ text-align: center; } </style> <script> const quest = document.getElementById("quest"); const data = quest.value; const yourElement = document.createElement("div"); function nums(){ const num1 = document.getElementById('number1').innerText = 1; data.textContent = num1; } function run() { nums() yourElement.textContent = data quest.appendChild(yourElement); } </script> </head> <body> <h1>Calucator</h1> <input type="number" placeholder="Enter now" name="" id="quest"> <button onclick="run()">=</button> <br> <button onclick="" id="number1">1</button> </body> </html><script> const quest = document.getElementById("quest"); const data = quest.value; const yourElement = document.createElement("div"); //PROBLEM 1: You are not attaching yourElement to the DOM. See Element.insertBefore / Element.appendChild function nums(){ const num1 = document.getElementById('number1').innerText = 1; data.textContent = num1; } function run() { nums() yourElement.textContent = data quest.appendChild(yourElement); } </script>Y
<button onclick="run()">=</button> Problema 2: no use el manejo de eventos de elementos en línea. No es seguro y Content-Security-Policy no lo permitirá. En su lugar, utilice JavaScript Element.addEventListener(...)