|
|
@ -1,9 +1,8 @@
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
document.querySelectorAll('.like-toggle').forEach(button => {
|
|
|
|
document.querySelectorAll('.like-toggle').forEach(button => {
|
|
|
|
button.addEventListener('click', function(event) {
|
|
|
|
button.addEventListener('click', function (event) {
|
|
|
|
event.preventDefault();
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
|
|
|
|
let postId = this.dataset.postId;
|
|
|
|
|
|
|
|
let isLiked = this.classList.contains('liked');
|
|
|
|
let isLiked = this.classList.contains('liked');
|
|
|
|
let url = isLiked ? this.dataset.unlikeUrl : this.dataset.likeUrl;
|
|
|
|
let url = isLiked ? this.dataset.unlikeUrl : this.dataset.likeUrl;
|
|
|
|
|
|
|
|
|
|
|
@ -20,7 +19,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
likesCount++;
|
|
|
|
likesCount++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
likesCountElement.textContent = likesCount;
|
|
|
|
likesCountElement.textContent = likesCount.toString();
|
|
|
|
this.classList.toggle('liked');
|
|
|
|
this.classList.toggle('liked');
|
|
|
|
this.classList.toggle('not-liked');
|
|
|
|
this.classList.toggle('not-liked');
|
|
|
|
this.innerHTML = isLiked ? '♡' : '❤️';
|
|
|
|
this.innerHTML = isLiked ? '♡' : '❤️';
|
|
|
|