0

Сделал на сайте панель, которая должна открываться после ввода с клавиатуры слова, после того как через document.getElementById задал стиль отображения (для временного форума - display: none), но в итоге выводило ошибку.

Код:

<script>
        let highwest = '';
        $(window).keypress((event) => {
            // Если нажата кнопка х
            if (!highwest && [91, 1093].includes(event.keyCode)) {
                highwest = 'х';
                // Если нажата кнопка e или у
            } else if (highwest == 'х' && [101, 1091].includes(event.keyCode)) {
                highwest += 'у';
                // Если нажата кнопка q или й
            } else if (highwest == 'ху' && [113, 1081].includes(event.keyCode)) {
                highwest += 'й';
                document.getElementById('nav-links').style.display = none;
                highwest = '';
            } 
        });
    </script>

1 ответ 1

0

Javascript не знает, что такое none, поэтому значение свойства надо передать как строку

document.getElementById('nav-links').style.display = 'none';

в противном случае будет ошибка:

test.html:23 Uncaught ReferenceError: none is not defined

Хотя у вас другая ошибка и как гипотеза:

а существует ли элемент nav-links к моменту когда отрабатывается/формируется скрипт?

попробуйте его себе вывести

let obj = document.getElementById('nav-links');
console.log(obj);

что выдаст?

4
  • Консоль выдает: null
    – some_idk
    4 ноя 2020 в 8:39
  • проверьте nav-links - правильно ли вы написали и задали именно как id, а не как class
    – Zhihar
    4 ноя 2020 в 8:41
  • Перепроверил сейчас, увидел что вместо id по стандарту уже задал class. Спасибо
    – some_idk
    4 ноя 2020 в 8:42
  • вот и ладно - и 'none' передайте как строку иначе будет уже вторая ошибка
    – Zhihar
    4 ноя 2020 в 8:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.