<!-- wp:html --> <div id="tn-poll" style="max-width:500px;margin:auto;padding:20px; border-radius:20px;background:#111;color:#fff; box-shadow:0 0 25px rgba(255,0,0,.6);font-family:Arial"> <h2 style="text-align:center;color:#ffcc00">🗳️ தமிழக தேர்தல் கருத்துக்கணிப்பு</h2> <form id="pollForm"> <label><input type="radio" name="party" value="ADMK"> 🔵 அதிமுக</label><br><br> <label><input type="radio" name="party" value="DMK"> 🔴 திமுக</label><br><br> <label><input type="radio" name="party" value="NTK"> 🟢 நாதக</label><br><br> <label><input type="radio" name="party" value="TVK"> 🟡 தவெக</label><br><br> <label><input type="radio" name="party" value="OTHER"> ⚪ மற்றவை</label><br><br> <button type="button" onclick="submitVote()" style="padding:10px 20px;border:none;border-radius:10px; background:#ff0000;color:#fff;cursor:pointer;"> வாக்களிக்க </button> </form> <div id="result" style="margin-top:20px;"></div> </div> <script> if(!localStorage.getItem("tnPoll")){ localStorage.setItem("tnPoll", JSON.stringify({ ADMK:0, DMK:0, NTK:0, TVK:0, OTHER:0 })); } function submitVote(){ if(localStorage.getItem("voted")){ alert("நீங்கள் ஏற்கனவே வாக்களித்துள்ளீர்கள்!"); return; } let selected = document.querySelector('input[name="party"]:checked'); if(!selected){ alert("ஒரு கட்சியை தேர்வு செய்யவும்!"); return; } let pollData = JSON.parse(localStorage.getItem("tnPoll")); pollData[selected.value]++; localStorage.setItem("tnPoll", JSON.stringify(pollData)); localStorage.setItem("voted","true"); showResult(); } function showResult(){ let pollData = JSON.parse(localStorage.getItem("tnPoll")); let total = Object.values(pollData).reduce((a,b)=>a+b,0); let colors={ ADMK:"#0066ff", DMK:"#ff0000", NTK:"#00cc44", TVK:"#ffcc00", OTHER:"#999999" }; let names={ ADMK:"அதிமுக", DMK:"திமுக", NTK:"நாதக", TVK:"தவெக", OTHER:"மற்றவை" }; let output="<h3>📊 நேரடி முடிவுகள்:</h3>"; for(let party in pollData){ let percent = total ? ((pollData[party]/total)*100).toFixed(1) : 0; output += ` <div style="margin-bottom:10px"> <strong>${names[party]} - ${percent}%</strong> <div style="background:#333;border-radius:10px;overflow:hidden"> <div style="width:${percent}%;background:${colors[party]}; height:20px;transition:1s"></div> </div> </div>`; } document.getElementById("result").innerHTML = output; } showResult(); </script> <!-- /wp:html -->