Estoy tratando de agregar un detector de eventos a cada entrada para que disparen y sucedan (como prueba, estoy tratando de hacer una alerta) cuando se enfocan sin nada ("") adentro pero estoy atascado en este error
"TypeError no detectado: indefinido no es una función en Array.forEach ()"
const inputs = document.querySelectorAll(".data-inputs"); const arrayInputs = Array.from(inputs); // input logic arrayInputs.forEach( addEventListener("focusout", (e) => { if (e.target == "") { alert("This field cannot be empty"); } }) ); .input-wrapper { display: flex; flex-direction: column; } .left { display: flex; flex-direction: inherit; } .right { display: flex; flex-direction: inherit; } .data-input { margin-bottom: 1rem; <div class="input-wrapper"> <div class="left"> <input type="text" class="data-input url" placeholder="URL do site"> <input type="text" class="data-input source" placeholder="Fonte da campanha"> <input type="text" class="data-input type" placeholder="Tipo da campanha"> </div> <div class="right"> <input type="text" class="data-input name" placeholder="Nome da campanha"> <input type="text" class="data-input term" placeholder="Termos da campanha"> <input type="text" class="data-input content" placeholder="Conteúdo da campanha"> </div> </div> <div class="send-data"> <input type="submit" class="button" id="generate-utm" value="Gerar UTM"> <button class="reset-button">refresh</button> </div>