text: window.addEventListener('load', () => {
      const sounds = document.querySelectorAll('.sound');
      const pads = document.querySelectorAll('.pads div');
      const visual = document.querySelector('.visual');
      const colors = [
          "#D0E562",
          "#B6D369",
          "#93C48B",
          "#256EFF",
          "#46237A",
          "#FF495C",
      ];
  
      // Make sounds
      pads.forEach((pad, index) => {
          pad.addEventListener('click', function() {
              sounds[index].currentTime = 0;
              sounds[index].play();
  
              createBubbles(index);
          });
      });
  
      // Make bubbles
      const createBubbles = (index) => {
          const bubble = document.createElement("div");
          visual.appendChild(bubble);
          bubble.style.backgroundColor = colors[index];
          bubble.style.animation = 'jump 1s ease';
          bubble.addEventListener('animationend', function () {
              visual.removeChild(this);
          });
      };
  });