Image 1 - Feedback

Image 1

Snapchat-2059252361

By Charlie Fenton

30 May 2024

Latest

You may also like…

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; }); }); });