Play audio files when buttons are clicked in Simon Says
I recommend removing the inline onclick event handlers from your HTML document for a cleaner separation of markup and logic / JavaScript similarly to how you separate markup and style / CSS.

You can then add all event handlers with a few lines of code as follows:

document.querySelectorAll('.pushPad').forEach(pad =&gt; {
  let audio = pad.querySelector('audio');
  pad.addEventListener('click', event =&gt; audio.play());
});


A better design would probably have the data-pad attributes on the colored buttons and not on hidden &lt;audio&gt; elements, introduce a mapping between pad and audio source and leverage the web audio API instead. Using &lt;svg&gt; shapes instead of heavily styled &lt;div&gt;s for the UI might further simplify your markup.