<!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"