How can I create an button effect with javascript and jquery? : <p>I am trying to create a button effect in which will change its color on click and returns to its original colour after the click.</p>

<p>I made a conditional within the button effect to returns to its original code but it doesn't work. Here is the code below:</p>

<pre><code>let blueBtnAudio = new Audio('https://s3.amazonaws.com/freecodecamp/simonSound1.mp3');
let redBtnAudio = new Audio('https://s3.amazonaws.com/freecodecamp/simonSound2.mp3');
let yellowBtnAudio = new Audio('https://s3.amazonaws.com/freecodecamp/simonSound3.mp3');
let greenBtnAudio = new Audio('https://s3.amazonaws.com/freecodecamp/simonSound4.mp3');

// VARIABLES - DOM QUERIES

const btnBlue = document.querySelectorAll("#btnBlue");
const btnGreen = document.querySelectorAll("#btnGreen");
const btnRed = document.querySelectorAll("#btnRed");
const btnYellow = document.querySelectorAll("#btnYellow");

$(btnBlue).click(function() {
   $(this).css('background-color', '#00FFFF');
   blueBtnAudio.play();
   if(btnBlue == '#00FFFF' ){
     $(btnBlue).stop();
   }
 });

</code></pre>
