איך פועל משחק העיר The Syndicate

גלו כיצד משחק בריחה עירוני בהדרכה עצמית זה מנחה את הצוות שלכם במשימה, צעד אחר צעד.

document.addEventListener("DOMContentLoaded", function () { const phone = document.querySelector(".phone-screen-section"); const usps = Array.from(document.querySelectorAll(".game-usp")); if (!phone || usps.length === 0) return; /* 👇 VERVANG DIT PER CONCEPT */ const screens = { "usp-1": "/wp-content/blogs.dir/1/files/sites/62/2026/02/syndicate-usp-1.webp", "usp-2": "/wp-content/blogs.dir/1/files/sites/62/2026/02/syndicate-usp-2.webp", "usp-3": "/wp-content/blogs.dir/1/files/sites/62/2026/02/syndicate-usp-3.webp", "usp-4": "/wp-content/blogs.dir/1/files/sites/62/2026/02/syndicate-usp-4.webp", "usp-5": "/wp-content/blogs.dir/1/files/sites/62/2026/02/syndicate-usp-5.webp", "usp-6": "/wp-content/blogs.dir/1/files/sites/62/2026/02/Sherlock-usp-6.webp" }; let activeKey = null; function setBackground(key) { if (!screens[key]) return; phone.style.backgroundImage = `url("${screens[key]}")`; } function setActive(el) { usps.forEach(u =& gt; u.classList.remove("is-active")); el.classList.add("is-active"); const key = Object.keys(screens).find(k =& gt; el.classList.contains(k)); if (!key) return; activeKey = key; setBackground(key); } /* CLICK = permanent select */ usps.forEach(el =& gt; { el.setAttribute("role", "button"); el.setAttribute("tabindex", "0"); el.addEventListener("click", () =& gt; { setActive(el); }); /* KEYBOARD SUPPORT */ el.addEventListener("keydown", (e) =& gt; { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); setActive(el); } }); /* HOVER = preview (desktop only) */ el.addEventListener("mouseenter", () =& gt; { const key = Object.keys(screens).find(k =& gt; el.classList.contains(k)); if (!key) return; setBackground(key); }); el.addEventListener("mouseleave", () =& gt; { if (activeKey) { setBackground(activeKey); } }); }); /* Default first active */ if (usps[0]) { setActive(usps[0]); } });