Vote for Your Favorite Anticipated Movies of 2024

Are you ready to choose the best movie of the year? Our exclusive poll brings you a curated list of the most anticipated movies of 2024, including blockbusters like Dune: Part Two, Joker: Folie à Deux, and Spider-Man: Beyond the Spider-Verse. With just one click, you can cast your vote and see real-time updates with a sleek graphical display of votes. Watch the competition heat up as your favorite movies climb the leaderboard. Don’t miss your chance to shape the year’s top movie rankings! Vote now and let your voice be heard in the world of cinema. Results will be announced on this page on January 1, 2025 Vote for the Best Actor/Actress of 2024 Now Vote for the Best Director of 2024 Vote for the Best Actress of 2024 body { font-family: Arial, sans-serif; text-align: center; background-color: #1a1a1a; color: #ffffff; margin: 0; padding: 0; } #poll-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; max-width: 1200px; margin: 20px auto; padding: 0 10px; } .poll-item { background-color: #7b0d1e; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7); text-align: center; position: relative; } .poll-item img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 10px; } .poll-item .poll-title { font-size: 18px; font-weight: bold; margin: 15px 0; } .vote-button { padding: 10px 15px; background-color: #f23315; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; margin-bottom: 10px; transition: background-color 0.3s; } .vote-button:disabled { background-color: #555; cursor: not-allowed; } .vote-button:hover:not(:disabled) { background-color: #cc0000; } .votes-info { margin-top: 10px; text-align: center; display: none; } .votes-bar-container { background-color: #444; height: 20px; border-radius: 10px; overflow: hidden; margin-top: 5px; display: none; } .votes-bar { height: 100%; background-color: #f23315; width: 0; transition: width 0.3s ease-in-out; } @media (max-width: 600px) { .vote-button { font-size: 12px; padding: 8px 12px; } .poll-item .poll-title { font-size: 16px; } } Vote for the Best Actress of 2024! const actresses = [ "Lily Gladstone", "Emma Stone", "Carey Mulligan", "Greta Lee", "Sandra Hüller", "Natalie Portman", "Annette Bening", "Aunjanue Ellis-Taylor", "Cailee Spaeny", "Zendaya", "Aubrey Plaza", "Jamie Lee Curtis", "Emily Blunt", "Margaret Qualley", "Léa Seydoux", "Angelina Jolie", "Julianne Moore", "Tilda Swinton", "Vanessa Kirby", "Jennifer Lawrence" ]; let pollResults = {}; function hasVoted() { return localStorage.getItem('userVotedActress') !== null; } function saveUserVote(actress) { localStorage.setItem('userVotedActress', actress); } function loadVotes() { const savedResults = localStorage.getItem('pollResults'); if (savedResults) { pollResults = JSON.parse(savedResults); } else { actresses.forEach(actress => { pollResults[actress] = 0; }); } } function saveVotes() { localStorage.setItem('pollResults', JSON.stringify(pollResults)); } async function fetchActressData(actressName) { try { const response = await fetch(`https://api.themoviedb.org/3/search/person?api_key=acf82a9ff23ceffb8be4567f0a4803d1&query=${encodeURIComponent(actressName)}`); if (!response.ok) throw new Error(`API Error: ${response.status}`); const data = await response.json(); return data.results[0]; } catch (error) { console.error(`Error occurred: ${error.message}`); return null; } } async function createPoll() { const pollContainer = document.getElementById('poll-container'); for (const actress of actresses) { const actressData = await fetchActressData(actress); const imageUrl = actressData && actressData.profile_path ? `https://image.tmdb.org/t/p/w500${actressData.profile_path}` : "https://via.placeholder.com/500x750?text=No+Image"; // Yedek görsel const pollItem = document.createElement('div'); pollItem.className = 'poll-item'; pollItem.innerHTML = ` ${actress} Vote `; pollContainer.appendChild(pollItem); } } function vote(actress) { if (hasVoted()) { alert("You have already voted!"); return; } pollResults[actress] = (pollResults[actress] || 0) + 1; saveVotes(); saveUserVote(actress); updateVotes(actress); const buttons = document.querySelectorAll('.vote-button'); buttons.forEach(button => button.disabled = true); } function updateVotes(actress) { const totalVotesCount = totalVotes(); const voteBarElement = document.getElementById(`vote-bar-${actress}`); const percentage = (pollResults[actress] / totalVotesCount) * 100 || 0; if (voteBarElement) { voteBarElement.style.width = `${percentage}%`; } } function totalVotes() { return Object.values(pollResults).reduce((sum, val) => sum + val, 0); } document.addEventListener('DOMContentLoaded', () => { loadVotes(); createPoll(); });

Vote for the Best Actress of 2024!

Leave a Reply Cancel reply

YOU MAY BE INTERESTED IN THESE MOVIE LISTS