你好。为什么这在这里不起作用。如何将新类应用于特定 div(但 [i])。当按下键盘键时(例如,1,它也有一个符号!),键改变颜色是必要的(为此添加了一个新类)。每个 div 是一个单独的键盘键
<label for="#inp">
<h2>Введите что нибудь: </h2>
</label><input type="text" id="inp"></div>
<div class='digit'>
<div class="div-1 buttoN"> 1 </div>
<div class="div-2 buttoN"> 2 </div>
<div class="div-3 buttoN"> 3 </div>
<div class="div-4 buttoN"> 4 </div>
<div class="div-5 buttoN"> 5 </div>
let inp = document.querySelector("#inp"); // Получаю значения из input
let but = document.querySelectorAll('.buttoN'); // Получаю множество блоков div
inp.onkeydown = function (event) {
for (var i = 0; i < but.length; i++) {
but[i].textContent == event.code;
if (event.code == 'Digit1') {
**this.but[i].classList.toggle('colY');**
inp.onkeyup = function () {
if (event.code == 'Digit1') {
this.but[i].classList.toggle('colY');
};
}
if (event.code == 'Digit2') {
this.but[i].classList.toggle('colY');
inp.onkeyup = function () {
if (event.code == 'Digit1') {
this.but[i].classList.toggle('colY');
};
}
}
}
}
1 个回答