Please how do I resolve this error?
Uncaught SyntaxError: Identifier ‘imgs’ has already been declared on line #1
Below I am sharing the code:
const imgs = document.querySelectorAll('.img-select a');
const imgBtns = [...imgs];
let imgId = 1;
imgBtns.forEach((imgItem) => {
imgItem.addEventListener('click', (event) => {
event.preventDefault();
imgId = imgItem.dataset.id;
slideImage();
});
});
function slideImage(){
const displayWidth = document.querySelector('.img-showcase img:first-child').clientWidth;
document.querySelector('.img-showcase').style.transform = 'translateX(${- (imgId - 1) * displayWidth}px)';
}
window.addEventListener('resize', slideImage);
I don’t understand this error. There are no two declared ‘imgs’ as a constant.