UPDATE: Some audio adds a entire new dimention to the game.

Author: Gideon

src/assets/audio/announce.wav

@@ -1,4 +1,6 @@
 import '../assets/css/tictactoe.component.css';
+import placeAudio from '../assets/audio/place.wav'
+import announceAudio from '../assets/audio/announce.wav'
 
 const gameboardHtml = `
     <section id="control">
@@ -56,6 +58,7 @@ const announceOutcome = function (message) {
         block.style.cursor = 'default';
         block.replaceWith(block.cloneNode(true));
     });
+    playSound(announceAudio);
 };
 
 const roundsPlayed = function () {
@@ -104,13 +107,18 @@ const gameStateCheck = function () {
     }
 };
 
+const playSound = function(audioFile) {
+    new Audio(audioFile).play();
+};
+
 const drawOnBlock = function (event) {
     let image = document.createElement('img');
     image.src = `images/${activePlayer}-100.png`;
     image.alt = activePlayer;
     event.target.appendChild(image);
     event.target.dataset.assignment = activePlayer;
     event.target.removeEventListener('click', drawOnBlock);
+    playSound(placeAudio);
     activePlayer = togglePlayer(activePlayer);
     toggleMouseCursorStyle(activePlayer);
     toggleUserTurnIndicator();