<html>
<body>
<!-- Form del sondaggio -->
<form>
<input type="radio" name="favorite_color" value="red" onclick="vote(this.value)"> Rosso<br>
<input type="radio" name="favorite_color" value="blue" onclick="vote(this.value)"> Blu<br>
<input type="radio" name="favorite_color" value="green" onclick="vote(this.value)"> Verde<br>
</form>
<!-- Div dove verranno mostrati i risultati del sondaggio -->
<div id="results"></div>
<script>
// Array per memorizzare le risposte del sondaggio
var poll_results = {
"red": 0,
"blue": 0,
"green": 0
};
// Funzione per aggiungere una risposta al sondaggio e mostrare i risultati
function vote(color) {
poll_results[color]++;
showResults();
}
// Funzione per mostrare i risultati del sondaggio in percentuale
function showResults() {
var total_votes = 0;
for (var color in poll_results) {
total_votes += poll_results[color];
}
var resultsHTML = "";
for (var color in poll_results) {
var percentage = Math.round((poll_results[color] / total_votes) * 100);
resultsHTML += color + ": " + percentage + "%<br>";
}
document.getElementById("results").innerHTML = resultsHTML;
}
</script>
</body>
</html>