Hola, estoy empezando a aprender desarrollo web, pero parece que no puedo encontrar por qué mi HTML interno no aparece en mi página. ¿Alguien puede ayudarme? Necesito mostrar estos mensajes de error si los campos se dejan vacíos, pero parece que no puedo hacerlo funcionar por algún motivo:/

JS:

 // B. email const frmOrder = document.querySelector('#frmOrder'); const inpEmail = frmOrder.querySelector('#inpEmail'); const msgEmail = frmOrder.querySelector('.message'); // B. Dropdown const selMeasure = frmOrder.querySelector('#selMeasure'); const msgMeasure = frmOrder.querySelector('.selMeasure .message'); //B. Checking frmOrder.setAttribute('novalidate', 'novalidate'); frmOrder.addEventListener('sumbit', function (e) { e.preventDefault(); let numErrors = 0 ; msgEmail.innerHTML = '' ; msgMeasure.innerHTML = '' ; if (inpEmail.value == '' ) { msgEmail.innerHTML = "please fill in ur email!"; numErrors++; } if (selMeasure.value == '' ) { msgMeasure.innerHTML = "please fill in ur Measurement!"; numErrors++ } if (numErrors == 0) { frmOrder.sumbit(); lblMessage.innerHTML = `Het formulier is correct ingevuld`; } });