Tengo un campo de entrada y un botón en HTML.
<div class="chat-input" id="chat-input"> <input type="text" id="input-msg" placeholder="Enter message..."/> <button class="send-btn" type="button" id="send-btn"> <img src="send.png" alt="send-btn"> </button> </div>Creo la constante para la sección de entrada y el botón en el archivo javascript del lado del cliente.
const user_send =document.querySelector("#send-btn"); const user_msg=document.querySelector("#input-msg");y agregue el eventlistener en el botón de envío.
user_send.addEventListener("submit",()=>{ const msg = user_msg.value; console.log(msg); });Pero no envía el valor a la consola.
También intento con getElementById pero no funciona.
reemplace addEventListener("submit".. por user_send.addEventListener("click" Cuando el usuario hace clic en el botón, su const obtiene el valor de la entrada.
Prueba esto
const user_send = document.querySelector("#send-btn"); const user_msg = document.querySelector("#input-msg"); user_send.addEventListener("click", () => { const msg = user_msg.value; console.log(msg); }); <div class="chat-input" id="chat-input"> <input type="text" id="input-msg" placeholder="Enter message..." /> <button class="send-btn" type="button" id="send-btn"> <img src="send.png" alt="send-btn"> </button> </div>