Cuando se hace clic en el botón Enviar, la consola del navegador debe mostrar claramente los detalles ingresados en el formulario, pero el botón Enviar no debe funcionar y debe verse deshabilitado siempre que no se completen los campos obligatorios.
const inputEl = document.querySelector(".input"); const nameEl = document.querySelector(".name"); const numberEl = document.querySelector(".number"); const emailEl = document.querySelector(".email"); const commentEl = document.querySelector(".comment") const hourEl = document.querySelector(".hour") myForm = [nameEl, numberEl, emailEl, commentEl, hourEl] inputEl.addEventListener("click", () => { for (let i = 0; i < myForm.length; i++) { console.log(myForm[i].value); // this is work! } }); let formValue = {} inputEl.disabled = true myForm.forEach(change => { if (formValue === myForm.value) { inputEl.disabled = false; } else { inputEl.disabled = true; // when i put this code to disable the butten its work but its cancel the first one } })