Así que estoy aprendiendo la manipulación de Dom y usando formularios con Javascript vainilla y no puedo entender qué estoy haciendo mal. En este momento, solo quiero poder hacer clic en enviar y tenerlo en la consola. Registrar la cadena 'Mensaje enviado' y luego restablecer el formulario. Sin embargo, cuando envío, altera la URL a una salida extraña y no registra la consola, sino que parece que actualiza la página, pero el enlace aún se vuelve a enviar alterado a "http://localhost:53865/?senderName=&senderEmail=&senderMessage=++ ++++++++++”
const form = document.querySelector('form') //? Form Submit Button const button = document.createElement('button') button.setAttribute('type','submit') button.textContent = 'Submit' button.setAttribute('onClick','submit()'); form.appendChild(button) function submit(evt) { evt.preventDefault(); console.log('Message Sent!') resetForm(); } function resetForm() { nameInput.value = ''; emailInput.value = ''; textArea.value= ''; } document.querySelector('.container').appendChild(form) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./index.css"> <script src = './index.js' defer></script> </head> <body> <div class="container"> <form> <input id = 'contact-form' type="text" name="senderName" id = "senderName" value = "" placeholder = 'Name' /> <input type="text" name="senderEmail" id = "senderEmail" value = "" placeholder = 'Email' /> <textarea type="text" name="senderMessage" id = "senderMessage" value = "" placeholder = 'Message' /> </form> </div> </body> </html>