Is the problem solved correctly?

  • 0
    /*  Используя знания html и css нарисуйте клавиатуру . Изображение должно содержать числа, символьные клавиши, пробел, enter, caps lock, shift, tab, alt. При вводе текста в input в момент нажатия клавиши - затемняйте ее, в момент отпускания - возвращайте к первоначальному состоянию. Аналогично при нажатии enter, space, alt, shift, ctrl. Затемнение реализуйте через добавление класса CSS. Если нажата клавиша caps lock - то присвоить ей затемнение, которое работает до последующего отжатия клавиши. */
    
    function t11(event) {
        let dataValue = document.querySelectorAll('.keyboard-button');
        let arrOfkey = document.querySelectorAll('.keyboard-container');
        
        for(let i = 0; i < dataValue.length; i++) {
            for(let j = 0; j <= arrOfkey.length; j++) {
                if(event.keyCode == dataValue[i].getAttribute('data-value')) {
                    arrOfkey[i].classList.add('color-blue');
                }
                
            }
        }
    
    }
    function t111(event) {
        let dataValue = document.querySelectorAll('.keyboard-button');
        let arrOfkey = document.querySelectorAll('.keyboard-container');
        
        for(let i = 0; i < dataValue.length; i++) {
            for(let j = 0; j < arrOfkey.length; j++) {
                if(event.keyCode == dataValue[i].getAttribute('data-value')) {
                    arrOfkey[i].classList.remove('color-blue');
                }
                
            }
        }
    }
    
    // ваше событие здесь!!!
    
    document.querySelector('.i-11').addEventListener('keydown', t11);
    document.querySelector('.i-11').addEventListener('keyup', t111);

    JavaScript Nora Gibson, May 15, 2020

  • 0 Answers
Your Answer
To place the code, please use CodePen or similar tool. Thanks you!