1 files changed, 12 insertions, 3 deletions
diff --git a/src/engine/entities/FunctionBox.ts b/src/engine/entities/FunctionBox.ts
index 92f1908..0c9123e 100644
--- a/src/engine/entities/FunctionBox.ts
+++ b/src/engine/entities/FunctionBox.ts
@@ -1,6 +1,9 @@
 import {
   IMAGES,
   Miscellaneous,
+  ModalClose,
+  ModalOpen,
+  SOUNDS,
   SPRITE_SPECS,
   SpriteSpec,
   Sprites,
@@ -72,10 +75,15 @@ export const makeLambdaTermHighlightComponent = (entity: Entity) => {
 
   const onHighlight = () => {
     let modalOpen = false;
+    const doModalClose = () => {
+      SOUNDS.get(ModalClose.name)!.play();
+      modalOpen = false;
+      closeModal();
+    };
+
     const interaction = () => {
       if (modalOpen) {
-        modalOpen = false;
-        closeModal();
+        doModalClose();
         return;
       }
 
@@ -86,9 +94,10 @@ export const makeLambdaTermHighlightComponent = (entity: Entity) => {
         `<div style="text-align:center"><p>${code}</p> <br> <button id="close">Close</button></div>`,
       );
       modalOpen = true;
+      SOUNDS.get(ModalOpen.name)!.play();
 
       document.getElementById("close")!.addEventListener("click", () => {
-        closeModal();
+        doModalClose();
         document.getElementById(Miscellaneous.CANVAS_ID)!.focus();
       });
     };