add button sfx

1 files changed, 12 insertions, 0 deletions

diff --git a/levelSelect.js b/levelSelect.js
index 6c0d995..b1f6073 100644
--- a/levelSelect.js
+++ b/levelSelect.js
@@ -6,6 +6,11 @@ const levels = {
 };
 
 export function setupLevelSelectUi(root, audio) {
+  const buttonEnterAudio = document.getElementById('sfx-buttonenter');
+  const buttonClickAudio = document.getElementById('sfx-buttonclick');
+  audio.createMediaElementSource(buttonEnterAudio).connect(audio.destination);
+  audio.createMediaElementSource(buttonClickAudio).connect(audio.destination);
+
   const levelList = document.createElement('ol');
   const levelPicker = name => {
     const [ dependencies, level ] = levels[name];
@@ -13,7 +18,14 @@ export function setupLevelSelectUi(root, audio) {
     if (allDependenciesSatisfied) {
       const button = document.createElement('input');
       button.type = 'button';
+      button.value = name;
+      button.onmouseenter = () => {
+        buttonEnterAudio.load();
+        buttonEnterAudio.play();
+      }
       button.onclick = () => {
+        buttonClickAudio.load();
+        buttonClickAudio.play();
         root.innerText = '';
         setupLevelUi(level, root, audio);
       }