BMKG-Reader/popup.html at main · smallest87/BMKG-Reader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
  <style>
    body { width: 300px; padding: 15px; font-family: sans-serif; }
    h3 { margin-top: 0; }
    button {
      width: 100%; padding: 10px; background: #007bff; color: white;
      border: none; cursor: pointer; font-weight: bold;
    }
    button:hover { background: #0056b3; }
    #output { margin-top: 10px; font-size: 12px; white-space: pre-wrap; }
  </style>
</head>
<body>
  <h3>BMKG Scraper</h3>
  <div id="status">Siap mengambil data.</div>
  <br>
  <button id="scrapeBtn">Ambil Data Cuaca</button>
  <div id="output"></div>
  <script src="popup.js"></script>
</body>
</html>