¡Hola, estuve luchando por este problema durante horas y necesito que algún experto me ayude!

Estoy tratando de cargar mis datos en la base de datos de Firebase haciendo clic en el botón en el formulario, pero no funciona... Creo que el problema ocurre cuando hago clic en el botón en la etiqueta del formulario. ¿Debo usar addEventListener'click' en lugar de 'enviar'?

Consulte los códigos a continuación. Realmente apreciado!

HTML

 <div class="container"> <div class="row"> <form id="question-form" class="padT100"> <div class="col-md-5 col-sm-6 col-xs-12"> <div class="post-gray"> <input id="name" type="text" name="full name" value="" placeholder="성함" /> <input id="contact" type="text" name="contact" value="" placeholder="연락처" /> <input id="store" type="text" name="store" value="" placeholder="지점명" /> </div> </div> <div class="col-md-7 col-sm-6 col-xs-12"> <div class="post-gray marT20"> <textarea id="question-detail" placeholder="문의 내용" rows="5" cols="50" ></textarea> </div> </div> <div class="col-md-12 col-sm-6 col-xs-12 marT30"> <button type="submit" class="itg-button-3" id="send-question">전송</button> </div> </form> </div> </div>

Jav script

 <script> const db = firebase.firestore(); const form = document.getElementById('question-form') form.addEventListener('submit', (e) => { const singleQuestion= { 성함: $('#name').val(), 연락처: $('#contact').val(), 지점명: $('#store').val(), 문의내용: $('#question-detail').val(), 날짜: new Date()} e.preventDefault(); db.collection('questions').add(singleQuestion) }); </script>

¡Gracias por adelantado!