const btnActiveFirst = document.getElementById("slide_dato__btn0");
btnActiveFirst.classList.add("btn-active");
const swiperDatos = new Swiper('.swiper_datos-', {
autoHeight: true,
simulateTouch: false,
});
document
.querySelector('.slide-0')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn0");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(0, 0);
});
document
.querySelector('.slide-1')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn1");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(1, 0);
});
document
.querySelector('.slide-2')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn2");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(2, 0);
});
document
.querySelector('.slide-3')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn3");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(3, 0);
});
document
.querySelector('.slide-4')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn4");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(4, 0);
});