@ICE777

Как сделать слайдер на числах?

<!DOCTYPE html>
<html>
    <head>
        <title>Object</title>
        <!-- <script src="object.js"></script> -->
        <link rel="stylesheet" href="object.css" type="text/css">
        <script type="text/javascript">
        var input =  document.getElementById('number');
            var prevBtn = document.getElementById("prev");
            var nextBtn = document.getElementById("next");
            
            var numbers = [2134,454,76768];
            var theNumber = 0;
            
            
            prevBtn.addEventListener("click", prevNumber)
            nextBtn.addEventListener("click", nextNumber)
            
            function prevNumber(){
                theNumber--;
            input.value = numbers[theNumber];
            }
            
            function nextNumber(){
                theNumber++;
            input.value = numbers[theNumber];
            }
        </script>
    </head>
    <body>
        <div id="slider">
            <button id="prev">Prev</button>
            <input id="number" readonly>
            <button id="next">Next</button>
        </div>
    </body>
</html>


Я недавно столкнулся с интересным багом (пока-что я так думаю).
Я хотел сделать переключать цифр, нажал слева кнопку будет показана пред. цифра, справа след. цифра. Но вот используя vsc и перетащив файл в браузер у меня возникает непонятная для меня ошибика "object.html:16 Uncaught TypeError: Cannot read property 'addEventListener' of null
at object.html:16"
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
@xareyli
люблю JavaScript
Ты вызываешь document.getElementById("prev"); в head, тогда, когда документ ещё не загружен. Перенеси скрипт в футер или оберни всё в document.addEventListener("DOMContentLoaded", function() {
// твой код
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы