index.js

//load iframe js
var iframe = document.getElementById("iframehtml5");
var startImg = document.getElementById("start-img");
var startBtn = document.getElementById("start-btn");
var title = document.getElementById("game-title");

startImg.addEventListener("click", loadGame);
startBtn.addEventListener("click", loadGame);

function loadGame() {
    iframe.src = iframe.dataset.oldsrc;
    iframe.style.display = "block";
    startImg.style.display = "none";
    startBtn.style.display = "none";
    title.style.display = "none";
    gameStarted = true;
}
//mobile menu
let mobile_icon = document.querySelector(".mobile-icon");
let mobile_close_icon = document.querySelector(".mobile-close");
let mobile_menu = document.querySelector(".mobile-menu");
if (mobile_icon) {
    mobile_icon.addEventListener('click', function (e) {
        document.querySelector(".mobile-menu").style.right = "0";
        e.stopPropagation();
    })
}
if (mobile_close_icon) {
    mobile_close_icon.addEventListener('click', function (e) {
        document.querySelector(".mobile-menu").style.right = "-310px";
    })
}
mobile_menu.addEventListener('click', function (e) {
    e.stopPropagation();
})
document.addEventListener('click', function () {
    document.querySelector(".mobile-menu").style.right = "-310px";
})


var gameStarted = false;

function toggleFullscreen() {
  var iframe = document.getElementById("iframehtml5");
  if (!document.fullscreenElement) {
    if (!gameStarted) {
      iframe.requestFullscreen().then(function() {
        loadGame();
      });
    } else {
      iframe.requestFullscreen();
    }
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
}


function shareFacebook() {
    const url = window.location.href;
    const title = document.title;
    const facebookShareUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}&quote=${encodeURIComponent(title)}`;
    window.open(facebookShareUrl, "_blank");
}

function shareTwitter() {
    const url = window.location.href;
    const title = document.title;
    const twitterShareUrl = `https://www.x.com/share?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`;
    window.open(twitterShareUrl, "_blank");
}

function shareWhatsApp() {
    const url = window.location.href;
    const title = document.title;
    const whatsappShareUrl = `whatsapp://send?text=${encodeURIComponent(title + " " + url)}`;
    window.open(whatsappShareUrl);
}
function shareReddit() {
    const url = window.location.href;
    const title = document.title;
    const redditShareUrl = `https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`;
    window.open(redditShareUrl, "_blank");
}

function share() {
    const url = window.location.href;
    const title = document.title;

    if (navigator.share) {
        navigator.share({
            title: title,
            text: title,
            url: url
        }).then(() => {
            console.log('Successfully shared');
        }).catch((error) => {
            console.error('Mistakes when sharing on social media:', error);
        });
    } else {
        const textarea = document.createElement('textarea');
        textarea.value = title + "\n" + url;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);

        const shareButton = document.getElementById('shareButton');
        shareButton.textContent = 'Copied!';
        setTimeout(function() {
            shareButton.textContent = 'Copy link';
        }, 2000);
        console.log('Copied link');
    }
}