Así que estoy haciendo mi primera aplicación de electrones después de un curso acelerado de js de 7 horas y 1 semestre de Principios de Ciencias de la Computación AP, así que soy bastante nuevo, así que desnudo conmigo. Estoy creando una aplicación de script de tienda en electron y tengo una configuración de interfaz de usuario básica preliminar en electron con un archivo main.js que maneja la apertura de la aplicación y las cosas de la interfaz de usuario. Ahora quería hacer que el primer script de contenido fuera parte de la aplicación que realmente hace cosas (save.js). Esencialmente, la interfaz de usuario terminada tendrá 4 campos de entrada de usuario y necesito tomar esas entradas de la entrada/formulario html y guardarlas como variables, luego mostrarlas en la pantalla. Mis variables serán (enlace, rango de precios, Marca, Modelo). Del curso que tomé, traté de usar document.getElementById en una variable y luego usé .textContent en una función onclick, de modo que cuando se presiona el botón html, se muestra la entrada del usuario en una sección de la página. No funcionó, así que probé este enfoque y todavía no devuelve la entrada a la interfaz de usuario. Cualquier ayuda es apreciada.
Aquí está el save.js:
let displayLink = document.getElementById('loggedLink') function getVal() { const val = document.querySelector('input').value; console.log(val); displayLink.textContent = (val); }Aquí está el HTML:
<!DOCTYPE html> <html lang="en"> <head> <title>Add Link</title> </head> <body> <script src="save.js"></script> <form> <div> <label>Enter Item</label> <input type="text" id="itemEl" autofocus> </div> <button onclick="getVal()" type="submit">Add Item</button> <span id="loggedLink">Consoloe: </span> </form> </body> </html>cambio en JS
function getVal() { let displayLink = document.getElementById('loggedLink') const val = document.querySelector('input').value; console.log(val); displayLink.textContent = 'Consoloe: ' + (val); }cambio en HTML
<!DOCTYPE html> <html lang="en"> <head> <title>Add Link</title> </head> <body> <script src="save.js"></script> <form> <div> <label>Enter Item</label> <input type="text" id="itemEl" autofocus> </div> <button onclick="getVal()" type="button">Add Item</button> <span id="loggedLink">Consoloe: </span> </form> </body> </html>