File: //home/predezso/www/index.html
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MEDUSATOTO prediksi togel online dan analisa data keluaran terbaru dn akurat</title>
<link rel="stylesheet" href="https://seosan.store/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<div class="content" >
<!-- Bagian Header: Gambar Besar + Banner + Tombol -->
<div class="container">
<div class="left-side">
<img src="https://foto-medusa.xyz/pasaran-medusa/prediski-togel-medusatoto.png" alt="Gambar Besar">
</div>
<div class="right-side">
<div class="banner">
<img class="banner-img" src="https://foto-medusa.xyz/pasaran-medusa/bertaruh-angka.png" alt="Gambar Kecil">
</div>
<div class="button-box">
<a href="https://seosan.store/login" class="link"><button class="button-link">DAFTAR MEDUSATOTO</button></a>
<a href="https://seosan.store/login" class="link"><button class="button-link">LOGIN MEDUSATOTO</button></a>
<a href="https://seosan.store/login" class="link"><button class="button-link">RTP MEDUSATOTO</button></a>
</div>
</div>
</div>
<div class="search-container">
<input type="text" id="searchInput" placeholder="Cari Pasaran..." />
</div>
<div class="grid-container">
<script>
// Function to open the popup
function openPopup() {
document.getElementById('popup').style.display = 'block';
}
// Function to close the popup
function closePopup() {
document.getElementById('popup').style.display = 'none';
}
</script>
<!-- JS Functions -->
<script>
function openPopup(id) {
// Close all other popups first
const allPopups = document.querySelectorAll('.popup');
allPopups.forEach(p => p.style.display = 'none');
// Show the selected popup
document.getElementById(id).style.display = 'block';
}
function closePopup(id) {
document.getElementById(id).style.display = 'none';
}
$(document).ready(function(){
$.ajaxSetup({cache: false});
const urls = {
popup1: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p1.html',
popup2: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p2.html',
popup3: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p3.html',
popup4: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p4.html',
popup5: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p5.html',
popup6: 'https://bst.suksesterus.xyz/prediksi/medusatoto/p6.html',
hongkong: 'https://bst.suksesterus.xyz/prediksi/medusatoto/hk.html',
sydney: 'https://bst.suksesterus.xyz/prediksi/medusatoto/sydney.html',
singapore: 'https://bst.suksesterus.xyz/prediksi/medusatoto/sgp.html',
cambodia: 'https://bst.suksesterus.xyz/prediksi/medusatoto/cambodia.html',
china: 'https://bst.suksesterus.xyz/prediksi/medusatoto/china.html',
taiwan: 'https://bst.suksesterus.xyz/prediksi/medusatoto/taiwan.html',
jepang: 'https://bst.suksesterus.xyz/prediksi/medusatoto/japan.html',
pcso: 'https://bst.suksesterus.xyz/prediksi/medusatoto/pcso.html',
rwanda: 'https://bst.suksesterus.xyz/prediksi/medusatoto/rwanda.html',
southkorea13: 'https://bst.suksesterus.xyz/prediksi/medusatoto/sk1.html',
southkorea20: 'https://bst.suksesterus.xyz/prediksi/medusatoto/sk2.html',
osaka: 'https://bst.suksesterus.xyz/prediksi/medusatoto/osaka.html',
france: 'https://bst.suksesterus.xyz/prediksi/medusatoto/france.html',
moscow: 'https://bst.suksesterus.xyz/prediksi/medusatoto/moscow.html',
seattle: 'https://bst.suksesterus.xyz/prediksi/medusatoto/seattle.html',
kingkong1: 'https://bst.suksesterus.xyz/prediksi/medusatoto/kk1.html',
kingkong2: 'https://bst.suksesterus.xyz/prediksi/medusatoto/kk2.html',
kentuckymid: 'https://bst.suksesterus.xyz/prediksi/medusatoto/kentuckymid.html',
floridamid: 'https://bst.suksesterus.xyz/prediksi/medusatoto/floridamid.html',
newyorkmid: 'https://bst.suksesterus.xyz/prediksi/medusatoto/newyorkmid.html',
carolinaday: 'https://bst.suksesterus.xyz/prediksi/medusatoto/carolinaday.html',
california: 'https://bst.suksesterus.xyz/prediksi/medusatoto/california.html',
floridaeve: 'https://bst.suksesterus.xyz/prediksi/medusatoto/floridaeve.html',
newyorkeve: 'https://bst.suksesterus.xyz/prediksi/medusatoto/newyorkeve.html',
kentuckyeve: 'https://bst.suksesterus.xyz/prediksi/medusatoto/kentuckyeve.html',
carolinaeve: 'https://bst.suksesterus.xyz/prediksi/medusatoto/carolinaeve.html',
bullseye: 'https://bst.suksesterus.xyz/prediksi/medusatoto/bullseyes.html',
oregon3: 'https://bst.suksesterus.xyz/prediksi/medusatoto/oregon3.html',
oregon6: 'https://bst.suksesterus.xyz/prediksi/medusatoto/oregon6.html',
oregon9: 'https://bst.suksesterus.xyz/prediksi/medusatoto/oregon9.html',
oregon12: 'https://bst.suksesterus.xyz/prediksi/medusatoto/oregon12.html',
};
Object.keys(urls).forEach(function(id) {
const selector = '#' + id + ' .table-content';
$(selector).load(urls[id]);
setInterval(function() {
$(selector).load(urls[id]);
}, 10000);
});
});
</script>
<!-- Macau P1–P6 Grid -->
<div class="macau" data-country="Macau">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(8).png" alt="Gambar Macau">
<h2>TOTO MACAU</h2>
<!-- Buttons -->
<button onclick="openPopup('popup1')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P1</button>
<button onclick="openPopup('popup2')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P2</button>
<button onclick="openPopup('popup3')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P3</button>
<button onclick="openPopup('popup4')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P4</button>
<button onclick="openPopup('popup5')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P5</button>
<button onclick="openPopup('popup6')" class="pasaran popup-trigger" style="font-size: 11px;">Macau P6</button>
</div>
<!-- Popups -->
<div id="popup1" class="popup"><span class="close" onclick="closePopup('popup1')">×</span><div class="table-content"></div></div>
<div id="popup2" class="popup"><span class="close" onclick="closePopup('popup2')">×</span><div class="table-content"></div></div>
<div id="popup3" class="popup"><span class="close" onclick="closePopup('popup3')">×</span><div class="table-content"></div></div>
<div id="popup4" class="popup"><span class="close" onclick="closePopup('popup4')">×</span><div class="table-content"></div></div>
<div id="popup5" class="popup"><span class="close" onclick="closePopup('popup5')">×</span><div class="table-content"></div></div>
<div id="popup6" class="popup"><span class="close" onclick="closePopup('popup6')">×</span><div class="table-content"></div></div>
<div class="grid-item" data-country="Hongkong">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(10).png" alt="Gambar 2">
<h2>HONGKONG</h2>
<button onclick="openPopup('hongkong')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="hongkong" class="popup"><span class="close" onclick="closePopup('hongkong')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://hongkonglotto.com/past_draw"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Sydney">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(11).png" alt="Gambar 2">
<h2>SYDNEY</h2>
<button onclick="openPopup('sydney')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="sydney" class="popup"><span class="close" onclick="closePopup('sydney')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://sydneylotto.com/previousresult"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Singapore">
<img src="https://foto-medusa.xyz/pasaran-medusa/SINGAPURE.png" alt="Gambar 2">
<h2>SINGAPORE</h2>
<button onclick="openPopup('singapore')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="singapore" class="popup"><span class="close" onclick="closePopup('singapore')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.singaporepools.com.sg/landing/en/Pages/index.html"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Cambodia">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(5).png" alt="Gambar 2">
<h2>CAMBODIA</h2>
<button onclick="openPopup('cambodia')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="cambodia" class="popup"><span class="close" onclick="closePopup('cambodia')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.magnumcambodia.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="China">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(6).png" alt="Gambar 2">
<h2>CHINA</h2>
<button onclick="openPopup('china')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="china" class="popup"><span class="close" onclick="closePopup('china')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.chinapools.asia/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Taiwan">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(2).png" alt="Gambar 2">
<h2>TAIWAN</h2>
<button onclick="openPopup('taiwan')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="taiwan" class="popup"><span class="close" onclick="closePopup('taiwan')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.taiwan-lotto.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Jepang">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(1).png" alt="Gambar 2">
<h2>JEPANG</h2>
<button onclick="openPopup('jepang')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="jepang" class="popup"><span class="close" onclick="closePopup('jepang')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.japanpools.online/results"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="PCSO">
<img src="https://foto-medusa.xyz/pasaran-medusa/PCSO.png" alt="Gambar 2">
<h2>PCSO</h2>
<button onclick="openPopup('pcso')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="pcso" class="popup"><span class="close" onclick="closePopup('pcso')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.pcso.gov.ph/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Rwanda">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(3).png" alt="Gambar 2">
<h2>RWANDA</h2>
<button onclick="openPopup('rwanda')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="rwanda" class="popup"><span class="close" onclick="closePopup('rwanda')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://visitrwandalottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Korea">
<img src="https://foto-medusa.xyz/pasaran-medusa/SOUTHKOREA1.gif" alt="Gambar 2">
<h2>SOUTHKOREA 13</h2>
<button onclick="openPopup('southkorea13')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="southkorea13" class="popup"><span class="close" onclick="closePopup('southkorea13')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://southkorea-lottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Korea">
<img src="https://foto-medusa.xyz/pasaran-medusa/SOUTHKOREA1.gif" alt="Gambar 2">
<h2>SOUTHKOREA 20</h2>
<button onclick="openPopup('southkorea20')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="southkorea20" class="popup"><span class="close" onclick="closePopup('southkorea20')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://southkorea-lottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Osaka">
<img src="https://foto-medusa.xyz/pasaran-medusa/OSAKA.png" alt="Gambar 2">
<h2>OSAKA</h2>
<button onclick="openPopup('osaka')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="osaka" class="popup"><span class="close" onclick="closePopup('osaka')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://visitosakalottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="FRANCE">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(4).png" alt="Gambar 2">
<h2>FRANCE</h2>
<button onclick="openPopup('france')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="france" class="popup"><span class="close" onclick="closePopup('france')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://visitfrancelottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="MOSKOW">
<img src="https://foto-medusa.xyz/pasaran-medusa/MOSKOW.png" alt="Gambar 2">
<h2>MOSKOW</h2>
<button onclick="openPopup('moscow')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="moscow" class="popup"><span class="close" onclick="closePopup('moscow')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://visitmoscowlottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Seattle">
<img src="https://foto-medusa.xyz/pasaran-medusa/SEATTLE.png" alt="Gambar 2">
<h2>SEATTLE</h2>
<button onclick="openPopup('seattle')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="seattle" class="popup"><span class="close" onclick="closePopup('seattle')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://visitseattlelottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Kingkong">
<img src="https://foto-medusa.xyz/pasaran-medusa/KINGKONG.png" alt="Gambar 2">
<h2>KINGKONG 1</h2>
<button onclick="openPopup('kingkong1')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="kingkong1" class="popup"><span class="close" onclick="closePopup('kingkong1')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.kingkongpools.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Kingkong">
<img src="https://foto-medusa.xyz/pasaran-medusa/KINGKONG.png" alt="Gambar 2">
<h2>KINGKONG 2</h2>
<button onclick="openPopup('kingkong2')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="kingkong2" class="popup"><span class="close" onclick="closePopup('kingkong2')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.kingkongpools.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Kentucky">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(7).png" alt="Gambar 2">
<h2>KENTUCKY MID</h2>
<button onclick="openPopup('kentuckymid')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="kentuckymid" class="popup"><span class="close" onclick="closePopup('kentuckymid')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.kylottery.com/apps/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Kentucky">
<img src="https://foto-medusa.xyz/pasaran-medusa/medusa(7).png" alt="Gambar 2">
<h2>KENTUCKY EVE</h2>
<button onclick="openPopup('kentuckyeve')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="kentuckyeve" class="popup"><span class="close" onclick="closePopup('kentuckyeve')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.kylottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Oregon">
<img src="https://foto-medusa.xyz/pasaran-medusa/OREGON.png" alt="Gambar 2">
<h2>OREGON 03</h2>
<button onclick="openPopup('oregon3')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="oregon3" class="popup"><span class="close" onclick="closePopup('oregon3')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.oregonlottery.org/pick-4/winning-numbers/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Oregon">
<img src="https://foto-medusa.xyz/pasaran-medusa/OREGON.png" alt="Gambar 2">
<h2>OREGON 06</h2>
<button onclick="openPopup('oregon6')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="oregon6" class="popup"><span class="close" onclick="closePopup('oregon6')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.oregonlottery.org/pick-4/winning-numbers/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Oregon">
<img src="https://foto-medusa.xyz/pasaran-medusa/OREGON.png" alt="Gambar 2">
<h2>OREGON 09</h2>
<button onclick="openPopup('oregon9')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="oregon9" class="popup"><span class="close" onclick="closePopup('oregon9')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.oregonlottery.org/pick-4/winning-numbers/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Oregon">
<img src="https://foto-medusa.xyz/pasaran-medusa/OREGON.png" alt="Gambar 2">
<h2>OREGON 12</h2>
<button onclick="openPopup('oregon12')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="oregon12" class="popup"><span class="close" onclick="closePopup('oregon12')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.oregonlottery.org/pick-4/winning-numbers/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="New York">
<img src="https://foto-medusa.xyz/pasaran-medusa/NEWYORK.png" alt="Gambar 2">
<h2>NEW YORK MID</h2>
<button onclick="openPopup('newyorkmid')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="newyorkmid" class="popup"><span class="close" onclick="closePopup('newyorkmid')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://nylottery.ny.gov/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="New York">
<img src="https://foto-medusa.xyz/pasaran-medusa/NEWYORK.png" alt="Gambar 2">
<h2>NEW YORK EVE</h2>
<button onclick="openPopup('newyorkeve')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="newyorkeve" class="popup"><span class="close" onclick="closePopup('newyorkeve')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://nylottery.ny.gov/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Carolina">
<img src="https://foto-medusa.xyz/pasaran-medusa/CAROLINA.png" alt="Gambar 2">
<h2>CAROLINA DAY</h2>
<button onclick="openPopup('carolinaday')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="carolinaday" class="popup"><span class="close" onclick="closePopup('carolinaday')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.wral.com/entertainment/lottery/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Carolina">
<img src="https://foto-medusa.xyz/pasaran-medusa/CAROLINA.png" alt="Gambar 2">
<h2>CAROLINA EVE</h2>
<button onclick="openPopup('carolinaeve')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="carolinaeve" class="popup"><span class="close" onclick="closePopup('carolinaeve')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.wral.com/entertainment/lottery/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Florida">
<img src="https://foto-medusa.xyz/pasaran-medusa/FLORIDA.png" alt="Gambar 2">
<h2>FLORIDA MID</h2>
<button onclick="openPopup('floridamid')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="floridamid" class="popup"><span class="close" onclick="closePopup('floridamid')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.flalottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="Florida">
<img src="https://foto-medusa.xyz/pasaran-medusa/FLORIDA.png" alt="Gambar 2">
<h2>FLORIDA EVE</h2>
<button onclick="openPopup('floridaeve')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="floridaeve" class="popup"><span class="close" onclick="closePopup('floridaeve')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.flalottery.com/"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="California">
<img src="https://foto-medusa.xyz/pasaran-medusa/CALIFORNIA.png" alt="Gambar 2">
<h2>CALIFORNIA</h2>
<button onclick="openPopup('california')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="california" class="popup"><span class="close" onclick="closePopup('california')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://www.calottery.com/draw-games/daily-4"><button class="button-prediksi">Result</button></a>
</div>
<div class="grid-item" data-country="BULLSEYE">
<img src="https://foto-medusa.xyz/pasaran-medusa/BULLSEYE.png" alt="Gambar 2">
<h2>BULLSEYE</h2>
<button onclick="openPopup('bullseye')" class="button-prediksi popup-trigger">Prediksi</button>
<div id="bullseye" class="popup"><span class="close" onclick="closePopup('bullseye')">×</span><div class="table-content"></div></div>
<a href="https://seosan.store/login"><button class="button-prediksi">Pasang</button></a>
<a href="https://mylotto.co.nz/results/bullseye"><button class="button-prediksi">Result</button></a>
</div>
</div>
<script>
document.getElementById('searchInput').addEventListener('input', function() {
var searchInput = document.getElementById('searchInput').value.toLowerCase();
var gridItems = document.querySelectorAll('.grid-item, .macau');
gridItems.forEach(function(item) {
var countryName = item.getAttribute('data-country').toLowerCase();
if (countryName.includes(searchInput)) {
item.style.display = 'block'; // Tampilkan item jika cocok
} else {
item.style.display = 'none'; // Sembunyikan item jika tidak cocok
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
setTimeout(() => {
document.addEventListener('click', function (event) {
const isPopup = event.target.closest('.popup');
const isTrigger = event.target.classList.contains('popup-trigger');
if (!isPopup && !isTrigger) {
const popups = document.querySelectorAll('.popup');
popups.forEach(function (popup) {
if (popup.style.display === 'block') {
popup.style.display = 'none';
}
});
}
});
}, 100);
});
</script>
</body>
</html>