Estoy haciendo un teclado virtual y tengo problemas con la tecla para mayúsculas. Quiero que al pulsar el botón Caps éste se ponga en rojo con una clase y el resto de teclas se pongan en mayúsculas.
Tengo este código pero hay algo que no me funciona:
let caps = document.querySelector('.js-caps');
let key = document.querySelectorAll('.js-key');
for (let i = 0; i < key.length; i++) {
key[i].addEventListener('click', handleButtonClick);
}
function handleButtonClick(ev) {
textarea.innerHTML += ev.currentTarget.innerHTML;
console.log(ev.currentTarget.innerText)
console.log(ev.currentTarget.innerText.toUpperCase())
}
function handleCapsClick(ev) {
ev.preventDefault();
caps.classList.toggle("red");
if (caps===".red"){
key.classList.add ("upper");
}else{
key.classList.remove ("upper");
}
}
caps.addEventListener('click', handleCapsClick);