He estado trabajando en la creación de una especie de "Libro de invitados" para un proyecto escolar y estoy luchando bastante con la pieza de JavaScript. Soy un completo novato cuando se trata de Js, y este es un curso para principiantes.... pero parece que no puedo entender lo que necesito hacer para lograr una función en Js.
DESCARGO DE RESPONSABILIDAD: si bien he realizado algunas búsquedas en línea, puedo encontrar fragmentos y piezas de lo que necesito hacer, pero soy un completo novato en JavaScript, así que lo siento de antemano
aqui esta la pregunta.....
Cuando alguien ingresa su información en un formulario en una página web, el formulario agrega esa información... toma el nombre y el apellido... y luego los vuelca en una lista de nombres del "Libro de visitas".
El Js, escrito como una matriz, toma la información que se ingresó en el formulario y luego la adjunta al final de la lista actual, mostrando una copia actualizada
Aquí está mi código... todo se hace usando codepen que se encuentra aquí: https://codepen.io/arkasylum/pen/GRMYwPZ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Contact Manager</title> </head> <body> <div id="main"> <div id="form1"> <form id="entry" onsubmit="return processMyForm();"> <h3 id="mailing">Get added to the guest book!</h3> First Name: <input class="input"> <br> <br> Last Name: <input class="input"> <br> <br> Email address: <input class="input"> <br> <br> <button id="submit">Click here to submit info</button> </form> </div> <br> <br> <div id="signed"> <h1 id="pageTitle">Guest Book</h1> <ul id="names"> <li>Erik Pauze</li> </ul> </div> </div> </body> <foot> </foot> </html>Código JS
let list = getElementById("names"); let data = [function.contact]; function contact(givenName, familyName, emailAddress) { this.name = givenName; this.relation = familyName; this.number = emailAddress; } data.names((item)={ let li = document.createElement("li"); li.innerHTMl = item; list.appendChild(li); })