JavaScript电梯导航实现：使用let和const声明变量

const floors = document.querySelectorAll('.floor'); // 获取所有楼层元素 const elevator = document.querySelector('.elevator'); // 获取电梯导航元素

// 获取电梯导航的每个按钮元素 const btn1 = elevator.querySelector('.btn-1'); const btn2 = elevator.querySelector('.btn-2'); const btn3 = elevator.querySelector('.btn-3'); const btn4 = elevator.querySelector('.btn-4'); const btn5 = elevator.querySelector('.btn-5');

// 给每个按钮添加点击事件 btn1.addEventListener('click', function() { floors[0].scrollIntoView({behavior: 'smooth'}); // 滚动到第一层楼 });

btn2.addEventListener('click', function() { floors[1].scrollIntoView({behavior: 'smooth'}); // 滚动到第二层楼 });

btn3.addEventListener('click', function() { floors[2].scrollIntoView({behavior: 'smooth'}); // 滚动到第三层楼 });

btn4.addEventListener('click', function() { floors[3].scrollIntoView({behavior: 'smooth'}); // 滚动到第四层楼 });

btn5.addEventListener('click', function() { floors[4].scrollIntoView({behavior: 'smooth'}); // 滚动到第五层楼 });