Registro de incidente
var seccion_actual = 1;
var secciones = document.querySelectorAll('.seccion');
var botones_siguientes = document.querySelectorAll('.siguiente');
var botones_anteriores = document.querySelectorAll('.anterior');
function mostrarSeccion(seccion) {
secciones.forEach(function(seccion) {
seccion.style.display = 'none';
});
seccion.style.display = 'block';
}
mostrarSeccion(secciones[0]);
botones_siguientes.forEach(function(boton, indice) {
boton.addEventListener('click', function() {
seccion_actual++;
if (seccion_actual > secciones.length) {
seccion_actual = secciones.length;
}
mostrarSeccion(secciones[seccion_actual - 1]);
});
});
botones_anteriores.forEach(function(boton, indice) {
boton.addEventListener('click', function() {
seccion_actual--;
if (seccion_actual < 1) {
seccion_actual = 1;
}
mostrarSeccion(secciones[seccion_actual - 1]);
});
});
// Agregar la clase 'seccion-actual' al número de la sección actual
var numero_actual = document.querySelector('.seccion-numero:nth-of-type(' + seccion_actual + ')');
if (numero_actual) {
numero_actual.classList.add('seccion-actual');
}
// Quitar la clase 'seccion-actual' de los demás números
var numeros = document.querySelectorAll('.seccion-numero');
for (var i = 0; i < numeros.length; i++) {
if (numeros[i] !== numero_actual) {
numeros[i].classList.remove('seccion-actual');
}
}
