Javascript Onclick play mp3 (tap to play audio)

Intinya ketika mengeklik suatu elemen akan memicu play audio tanpa loop (1x play saja), ketika diklik lagi, ya ngeplay lagi. Kodenya dibuat massal seperti dibawah agar bisa menambahkan banyak event onclick play audio sekaligus di satu halaman.

Script ini saya terapkan pada web dengan change dark / light mode dengan menambahkan sentuhan bunyi pada saat berganti tema. Btw js ini memprioritaskan agar audio anda dimuat lebih cepat untuk mengurangi delay saat klik setelah halaman baru dimuat dan console log ketika file audio anda 404 atau tidak termuat.

Dibawah ini adalah kode jsnya. silahkan di copy paste.

/*! audio tap */  var audioFiles={

amogus:"https://www.myinstants.com/media/sounds/amogus.mp3",
bruh:"https://www.myinstants.com/media/sounds/bruh.mp3",
pajeet:"https://www.myinstants.com/media/sounds/panjabi-mc-mundian-to-bach-ke-the-dictator-soundtrack-0s-7s-djztxj2gpfk.mp3",
stutu:"https://www.myinstants.com/media/sounds/stutu.mp3",
anu:"https://www.myinstants.com/media/sounds/rick-astley-never-gonna-give-you-up_9j9vMfn.mp3"};
  
function preloadAudio(){for(var o in audioFiles){var i=new Audio;i.src=audioFiles[o],i.preload="auto"}}function Hexplay(o){var i=audioFiles[o];i?new Audio(i).play():console.error("Audio file not found for ID:",o)}document.addEventListener("DOMContentLoaded",function(){preloadAudio()});

Format music seperti pada umumnya, bisa wav, mp3, maupun ogg. panggil musik dengan menambahkan onclick='Hexplay("amogus")' pada elemen html. Contohnya seperti ini:

<p onclick='Hexplay("amogus")'>A MONGOOSEE?!?!?!?!?</p>

Silahkan klik kalimat ini maka akan berbunyi A MONGOOSEE?!?!?!?!?

---

Silahkan sentuh beberapa elemen dibawah ini untuk play audio lainnya

BRUH ‍😂🙄

Oh no Cringe 🏎️ 💨

Dan yang terahir, jangan sentuh icon windows ini :v

Sekian HEXARTCH :)