no se que hacer
Necesito ayuda con este script js y solo necesito saber cómo mostrar una entrada de usuario en una plantilla de estilo html que hice pero simplemente no sé cómo
<!-- add email side nav --> <div id="side-form" class="sidenav side-form"> <form class="add-email container section"> <h6>add a new email</h6> <div class="divider"></div> <div class="input-field"> <input keypath="email" placeholder="example@gmail.com" id="title" type="text" class="validate"> <label for="title">write email here</label> </div> <div class="input-field"> <label> <input type="checkbox" /> <span>Notifications</span> </label> </div> <br> <div class="input-field center"> <button class="btn-floating blue pulse" id="add_email" onclick="getValue()">Add</button> </div> </form> </div>
Agregue esto a su archivo JS o etiqueta <script>
:
const userInput = document.getElementById("title") userInput.addEventListener("keyup", (e) => { // append e.target.value to the page document.createElement("p").innerText = e.target.value; });
Lo anterior agregará un párrafo a su página con el valor del correo electrónico en él. Ahora es parte de la Dom. Obviamente, cambiará la lógica dentro del detector de eventos para representarlo en su página de manera adecuada. Alternativamente, puede configurar un detector de eventos en el botón Agregar y renderizarlo desde allí.