(HTML) <div class="keyboard-login"> <div class="display-login" ></div> <div class="buttons"> <div class="key-btn-container"> <button class="key key-btn key_1">1</button> </div> <div class="key-btn-container"> <button class="key key-btn key_2">2</button> </div> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ </div> </div> (javascript) keyboardLogin.addEventListener('click',(e)=>{ console.log(loginDisplay.value); if (e.target.classList.contains('key_1')) { let valu = loginDisplay.innerHTML; loginDisplay.innerHTML=valu+'1'; } if (e.target.classList.contains('key_2')) { let valu = loginDisplay.innerHTML; loginDisplay.innerHTML=valu+'2'; } if (e.target.classList.contains('key_3')) { let valu = loginDisplay.innerHTML; loginDisplay.innerHTML=valu+'3'; } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ });Hola. Estoy haciendo un teclado virtual, cuando reviso 'console.log(login display.value);', aparece 'indefinido'. y necesito el valor numérico del elemento de visualización. ¿¿Qué puedo hacer?? Gracias.
Cambio:
e.target.classList.contains('key_1')por:
e.target.className.includes('key_1')Si loginDisplay es una etiqueta de entrada, cambie:
if (e.target.classList.contains('key_1')) { let valu = loginDisplay.innerHTML; loginDisplay.innerHTML=valu+'1'; }por:
if (e.target.className.includes('key_1')) { loginDisplay.value += '1'; }