Función para que si un boton esté activo el resto cambien
Publicado por Paloma (5 intervenciones) el 09/12/2021 20:52:35
Buenas tardes,
Estoy haciendo un teclado virtual y tengo problemas con la tecla para mayúsculas. Quiero que al pulsar el botón Caps este se ponga en rojo con una clase y el resto de teclas se pongan en mayusculas.
Tengo este código pero hay algo que no me funciona:
Estoy haciendo un teclado virtual y tengo problemas con la tecla para mayúsculas. Quiero que al pulsar el botón Caps este se ponga en rojo con una clase y el resto de teclas se pongan en mayusculas.
Tengo este código pero hay algo que no me funciona:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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);
Valora esta pregunta
0
