Сравните imgs Src в JavaScript

Question

У меня есть proplem в моем проекте (игра на память), я хочу сравнить img src между двумя картами, на которые нажал пользователь. Функция щелчка будет работать, если пользователь щелкнет по любой карточке, первая карточка будет сохранена в переменной Fcard, а вторая карточка будет сохранена в переменной Scard. я получил все img src (querySelectorAll ('.class') из html, затем поместил его в массив, этот массив будет отправлен в функцию перемешивания для смешивания карт в каждой новой игре. я хочу сравнить img src для Fcard и Scard, у меня нет правильного синтаксиса для сравнения img src.

мой код:

получил мое изображение src и затем отправил в функцию случайного воспроизведения:

const imageCon = document.querySelectorAll('.back_face');


// store all image then sent to shuffle to random images
let image = ['img/instagram.png', 'img/facebook.png' , 'img/youtube.png' ,'img/twitter.png' ,
'img/whatsapp.png' ,'img/linkedin.png', 'img/flickr.png' , 'img/pinterest.png' , 'img/instagram.png', 
'img/facebook.png' , 'img/youtube.png' ,'img/twitter.png' , 'img/whatsapp.png' ,
 'img/linkedin.png', 'img/flickr.png' , 'img/pinterest.png']

 let images = shuffle([...image]);

for ( let i=0 ; i<images.length; i++) {
    imageCon[i].setAttribute('src' , images[i]);
}

эта функция флип:

function flip(event) {
   if (freeze) 
       return;
   if (this === Fcard) return;
      // to flip the cards 
      this.classList.add('flip');

   if (!fliped) {
      // first click 
     fliped = true;
     Fcard = this;
     }
   else {
    fliped = false;
    Scard = this;
     if ( Fcard.image.src === Scard.image.src ) 
   {
    match++;
       // if match 
        Fcard.removeEventListener('click', flip);
        Scard.removeEventListener('click', flip);
   }
    else {
    // not match 
       freeze = true;
        setTimeout (() =>
        {
         Fcard.classList.remove('flip');
         Scard.classList.remove('flip');
         freeze = false; } , 1400);
      }
   }