
<script>
document.addEventListener("DOMContentLoaded", () => {
    let currentIndex = 0;
    const games = document.querySelectorAll(".game");
    const totalGames = games.length;

    const updateSlider = () => {
        const sliderContent = document.querySelector(".slider-content");
        const transformValue = -100 * currentIndex; 
        sliderContent.style.transform = `translateX(${transformValue}%)`;
    };

    document.querySelector(".next").addEventListener("click", () => {
        if (currentIndex < totalGames - 1) {
            currentIndex++;
            updateSlider();
        }
    });

    document.querySelector(".prev").addEventListener("click", () => {
        if (currentIndex > 0) {
            currentIndex--;
            updateSlider();
        }
    });

    document.querySelectorAll(".game-form input").forEach(input => {
        input.addEventListener("input", (e) => {
            const form = e.target.closest("form");
            const formData = new FormData(form);

            fetch("https://meteoguru.opg-magave.hr/wp-admin/admin-ajax.php?action=submit_game_answer", {
                method: "POST",
                body: formData,
            })
            .then(response => response.text())
            .then(data => console.log("Server Response:", data))
            .catch(error => console.error("Error sending response:", error));
        });
    });
});


function updateValue(slider, displayId) {
    const displayElement = document.getElementById(displayId);
    if (displayElement) {
        displayElement.textContent = slider.value;
    }
}

function setChoice(button, hiddenFieldName) {
    const value = button.getAttribute('data-value');

    // Selektor MORA biti jedinstven: tražimo u istom form-u
    const form = button.closest("form");
    const hiddenField = form.querySelector(`input[name="${hiddenFieldName}"]`);

    if (hiddenField) {
        hiddenField.value = value;

        // 🔥 TRIGGER input eventa (ovo slider već radi automatski!)
        hiddenField.dispatchEvent(new Event("input", { bubbles: true }));
    }

    const buttonGroup = button.parentElement;
    const buttons = buttonGroup.querySelectorAll('.choice-button');
    buttons.forEach((btn) => btn.classList.remove('active'));

    button.classList.add('active');
}


</script>

{"id":16,"date":"2024-11-14T18:30:29","date_gmt":"2024-11-14T18:30:29","guid":{"rendered":"https:\/\/meteoguru.opg-magave.hr\/?page_id=16"},"modified":"2026-03-18T12:53:01","modified_gmt":"2026-03-18T11:53:01","slug":"igra","status":"publish","type":"page","link":"https:\/\/meteoguru.opg-magave.hr\/","title":{"rendered":"Prognoza ili poga\u0111anje &#8211; izazov za Meteo Guru-a!"},"content":{"rendered":"<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/meteoguru.opg-magave.hr\/wp-content\/uploads\/2024\/11\/okvir_guru-edited-1.png\" alt=\"\" width=\"359\" height=\"332\" \/><\/figure>\n\n\n<p class=\"has-pale-cyan-blue-color has-text-color has-link-color wp-elements-9920a1ceb8913141bd8e5f97aeb50338\">.<\/p>\n\n\n\n<p class=\"has-pale-cyan-blue-color has-text-color has-link-color wp-elements-6f9a682a61a29e2de8340036d801ceda\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85.34%\">            <div class=\"login-register-box\">\r\n                <h2>Prijavite se ili registrirajte kako biste igrali!<\/h2>\r\n                <form name=\"loginform\" id=\"loginform\" action=\"https:\/\/meteoguru.opg-magave.hr\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"user_login\">Korisni\u010dko ime ili adresa e-po\u0161te<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"user_pass\">Lozinka<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-remember\"><label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Zapamti me<\/label><\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Prijava\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/pages\/16\" \/>\n\t\t\t<\/p><\/form><p>Niste registrirani? <a href=\"https:\/\/meteoguru.opg-magave.hr\/wp-login.php?action=register\">Registrirajte se odmah<\/a>.<\/p>            <\/div>\r\n            \n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><div class=\"wrap\">\r\n    <h1>Rezultati<\/h1>\r\n    <table class=\"wp-list-table widefat fixed striped\">\r\n        <thead>\r\n            <tr>\r\n                <th>Poredak<\/th>\r\n                <th><a href=\"?page=rezultati&sort_by=user\">Korisnik<\/a><\/th>\r\n                <th><a href=\"?page=rezultati&sort_by=suma\">Ukupno Bodova<\/a><\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody><tr>\r\n                        <td>1<\/td>\r\n                        <td>zdena<\/td>\r\n                        <td>493<\/td>\r\n                    <\/tr><tr>\r\n                        <td>2<\/td>\r\n                        <td>ZDENKO KORDI\u0106<\/td>\r\n                        <td>473<\/td>\r\n                    <\/tr><tr>\r\n                        <td>3<\/td>\r\n                        <td>irena<\/td>\r\n                        <td>436<\/td>\r\n                    <\/tr><\/tbody><\/table><\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"enabled","hero_section":"type-2","hero_height":"76px","hero_alignment2":"center","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Po\u010detna stranica","__id":"xeiHAsDa4U-ESwVCik-yA"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"C7jjTyMcX402qw1lMoGxB"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"Od","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"Uklju\u010deno","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"Uklju\u010deno","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"u","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"uH-ui5LhH431ZKpBaKW_8"},{"id":"breadcrumbs","enabled":false,"__id":"_xi8kdYlMzjDRs01QFMCa"}],"page_title_bg_type":"custom_image","page_title_image_size":"medium","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] .entry-header .page-title {--theme-font-size:30px;} [data-prefix=\"single_page\"] .entry-header .entry-meta {--theme-font-weight:600;--theme-text-transform:uppercase;--theme-font-size:12px;--theme-line-height:1.3;} [data-prefix=\"single_page\"] .hero-section[data-type=\"type-2\"] {--min-height:76px;background-color:var(--theme-palette-color-6);background-image:none;--container-padding:50px 0px;}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":112,"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":433,"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/433"}],"wp:attachment":[{"href":"https:\/\/meteoguru.opg-magave.hr\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}