index.js

// document.querySelector('.wishlist-icon').addEventListener('click', changeColor);
  // function changeColor(){
  //   document.querySelector('.wishlist-icon').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

  // }
  
  document.getElementById('wi').addEventListener('click', changeColor);
  function changeColor(){
    document.getElementById('wi').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

  }

// document.getElementById('wi').addEventListener("dblclick", changeColorBack);
//   function changeColorBack(){
//     document.getElementById('wi').innerHTML="<i class='far fa-heart' ></i>";
// }
// document.querySelector('.wishlist-icon').addEventListener('dblclick', changeColorBack);
//   function changeColorBack(){
//     document.querySelector('.wishlist-icon').innerHTML="<i class='far fa-heart' ></i>";

//   }


document.getElementById('pp1').addEventListener('click', changeColor1);
function changeColor1(){
  document.getElementById('pp1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp2').addEventListener('click', changeColor2);
function changeColor2(){
  document.getElementById('pp2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp3').addEventListener('click', changeColor3);
function changeColor3(){
  document.getElementById('pp3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp4').addEventListener('click', changeColor4);
function changeColor4(){
  document.getElementById('pp4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp5').addEventListener('click', changeColor5);
function changeColor5(){
  document.getElementById('pp5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pp6').addEventListener('click', changeColor6);
function changeColor6(){
  document.getElementById('pp6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pp7').addEventListener('click', changeColor7);
function changeColor7(){
  document.getElementById('pp7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp8').addEventListener('click', changeColor8);
function changeColor8(){
  document.getElementById('pp8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('pp9').addEventListener('click', changeColor9);
function changeColor9(){
  document.getElementById('pp9').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}



document.getElementById('mp1').addEventListener('click', changeColor11);
function changeColor11(){
  document.getElementById('mp1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp2').addEventListener('click', changeColor12);
function changeColor12(){
  document.getElementById('mp2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp3').addEventListener('click', changeColor13);
function changeColor13(){
  document.getElementById('mp3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp4').addEventListener('click', changeColor14);
function changeColor14(){
  document.getElementById('mp4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp5').addEventListener('click', changeColor15);
function changeColor15(){
  document.getElementById('mp5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp6').addEventListener('click', changeColor16);
function changeColor16(){
  document.getElementById('mp6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp7').addEventListener('click', changeColor17);
function changeColor17(){
  document.getElementById('mp7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp8').addEventListener('click', changeColor18);
function changeColor18(){
  document.getElementById('mp8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('mp9').addEventListener('click', changeColor19);
function changeColor19(){
  document.getElementById('mp9').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}



document.getElementById('lt1').addEventListener('click', changeColor21);
function changeColor21(){
  document.getElementById('lt1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt2').addEventListener('click', changeColor22);
function changeColor22(){
  document.getElementById('lt2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt3').addEventListener('click', changeColor23);
function changeColor23(){
  document.getElementById('lt3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt4').addEventListener('click', changeColor24);
function changeColor24(){
  document.getElementById('lt4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt5').addEventListener('click', changeColor25);
function changeColor25(){
  document.getElementById('lt5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt6').addEventListener('click', changeColor26);
function changeColor26(){
  document.getElementById('lt6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt7').addEventListener('click', changeColor27);
function changeColor27(){
  document.getElementById('lt7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('lt8').addEventListener('click', changeColor28);
function changeColor28(){
  document.getElementById('lt8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}


document.getElementById('rc1').addEventListener('click', changeColor31);
function changeColor31(){
  document.getElementById('rc1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc2').addEventListener('click', changeColor32);
function changeColor32(){
  document.getElementById('rc2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc3').addEventListener('click', changeColor33);
function changeColor33(){
  document.getElementById('rc3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc4').addEventListener('click', changeColor34);
function changeColor34(){
  document.getElementById('rc4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc5').addEventListener('click', changeColor35);
function changeColor35(){
  document.getElementById('rc5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc6').addEventListener('click', changeColor36);
function changeColor36(){
  document.getElementById('rc6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc7').addEventListener('click', changeColor37);
function changeColor37(){
  document.getElementById('rc7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc8').addEventListener('click', changeColor38);
function changeColor38(){
  document.getElementById('rc8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('rc9').addEventListener('click', changeColor39);
function changeColor39(){
  document.getElementById('rc9').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}



document.getElementById('ad1').addEventListener('click', changeColor41);
function changeColor41(){
  document.getElementById('ad1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad2').addEventListener('click', changeColor42);
function changeColor42(){
  document.getElementById('ad2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad3').addEventListener('click', changeColor43);
function changeColor43(){
  document.getElementById('ad3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad4').addEventListener('click', changeColor44);
function changeColor44(){
  document.getElementById('ad4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad5').addEventListener('click', changeColor45);
function changeColor45(){
  document.getElementById('ad5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad6').addEventListener('click', changeColor46);
function changeColor46(){
  document.getElementById('ad6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad7').addEventListener('click', changeColor47);
function changeColor47(){
  document.getElementById('ad7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad8').addEventListener('click', changeColor48);
function changeColor48(){
  document.getElementById('ad8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('ad9').addEventListener('click', changeColor49);
function changeColor49(){
  document.getElementById('ad9').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}









document.getElementById('pg1').addEventListener('click', changeColor51);
function changeColor51(){
  document.getElementById('pg1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg2').addEventListener('click', changeColor52);
function changeColor52(){
  document.getElementById('pg2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg3').addEventListener('click', changeColor53);
function changeColor53(){
  document.getElementById('pg3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg4').addEventListener('click', changeColor54);
function changeColor54(){
  document.getElementById('pg4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg5').addEventListener('click', changeColor55);
function changeColor55(){
  document.getElementById('pg5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg6').addEventListener('click', changeColor56);
function changeColor56(){
  document.getElementById('pg6').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg7').addEventListener('click', changeColor57);
function changeColor57(){
  document.getElementById('pg7').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('pg8').addEventListener('click', changeColor58);
function changeColor58(){
  document.getElementById('pg8').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}






document.getElementById('wm1').addEventListener('click', changeColor61);
function changeColor61(){
  document.getElementById('wm1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wm2').addEventListener('click', changeColor62);
function changeColor62(){
  document.getElementById('wm2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wm3').addEventListener('click', changeColor61);
function changeColor63(){
  document.getElementById('wm3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wm4').addEventListener('click', changeColor64);
function changeColor64(){
  document.getElementById('wm4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wm5').addEventListener('click', changeColor65);
function changeColor65(){
  document.getElementById('wm5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}






document.getElementById('wf1').addEventListener('click', changeColor71);
function changeColor71(){
  document.getElementById('wf1').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('wf2').addEventListener('click', changeColor72);
function changeColor72(){
  document.getElementById('wf2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wf3').addEventListener('click', changeColor73);
function changeColor73(){
  document.getElementById('wf3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('wf4').addEventListener('click', changeColor74);
function changeColor74(){
  document.getElementById('wf4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('wf5').addEventListener('click', changeColor75);
function changeColor75(){
  document.getElementById('wf5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}





document.getElementById('tv2').addEventListener('click', changeColor82);
function changeColor82(){
  document.getElementById('tv2').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('tv3').addEventListener('click', changeColor83);
function changeColor83(){
  document.getElementById('tv3').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}
document.getElementById('tv4').addEventListener('click', changeColor84);
function changeColor84(){
  document.getElementById('tv4').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}

document.getElementById('tv5').addEventListener('click', changeColor85);
function changeColor85(){
  document.getElementById('tv5').innerHTML=" <i class='fas fa-heart' style='color:red;'></i>";

}