document.addEventListener('DOMContentLoaded', function() {
// Select all audio modules with the custom class
var audioModules = document.querySelectorAll('.custom-audio-module');
audioModules.forEach(function(module, index) {
// Create a container for the counter
var counterContainer = document.createElement('div');
counterContainer.classList.add('counter-container');
counterContainer.innerHTML = '0';
// Append the counter container to the module
module.appendChild(counterContainer);
// Get the audio element
var audio = module.querySelector('audio');
// Initialize the counter
var counter = 0;
// Add play event listener to the audio element
audio.addEventListener('play', function() {
counter++;
document.getElementById('audio-counter-' + index).textContent = counter;
});
});
});
