Berikut adalah contoh sederhana membuat polling menggunakan JavaScript:
1. Buatlah file HTML untuk tampilan polling:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contoh Polling dengan JavaScript</title>
</head>
<body>
<h1>Hasil Polling</h1>
<div id="poll-results">
<p>Pilihan A: <span id="optionA">0</span></p>
<p>Pilihan B: <span id="optionB">0</span></p>
<p>Pilihan C: <span id="optionC">0</span></p>
</div>
<h2>Pilih Pilihan Anda</h2>
<button onclick="vote('A')">Pilihan A</button>
<button onclick="vote('B')">Pilihan B</button>
<button onclick="vote('C')">Pilihan C</button>
<script src="script.js"></script>
</body>
</html>
```
2. Buatlah file JavaScript (`script.js`) untuk mengelola polling:
```javascript
var votes = {
'A': 0,
'B': 0,
'C': 0
};
function vote(option) {
votes[option]++;
updateResults();
}
function updateResults() {
document.getElementById('optionA').innerText = votes['A'];
document.getElementById('optionB').innerText = votes['B'];
document.getElementById('optionC').innerText = votes['C'];
}
```
Dalam contoh ini, kita menggunakan objek `votes` untuk menyimpan jumlah suara untuk setiap opsi. Fungsi `vote(option)` digunakan untuk menambah suara untuk opsi yang dipilih, dan `updateResults()` digunakan untuk memperbarui tampilan hasil polling.
Anda bisa menyesuaikan struktur dan tampilan polling sesuai kebutuhan Anda. Misalnya, Anda bisa menambahkan opsi lain, atau mengubah tampilan hasil polling agar lebih menarik.
No comments:
Post a Comment