Non mi parte ancora la funzione "compila()", sono alle prime armi e mi viene difficile capire il perché, inoltre sono abituato agli IDE che descrivono qualsiasi problema, Brackets no!!!
HTML:
<html>
<head>
<script type="text/javascript">
function compila() {
alert ("sss");
var squadra = document.getElementById("squadra").value;
var campionato = document.querySelector('.serie:checked').value;
var giocatori = ["", "", ""];
if (document.getElementById("ronaldo").checked == true) {
var valore = document.getElementById("ronaldo").value;
var giocatori [0] = valore;
}
if (document.getElementById("balotelli").checked == true) {
var valore = document.getElementById("balotelli").value;
var giocatori [1] = valore;
}
if (document.getElementById("pirlo").checked == true) {
var valore = document.getElementById("pirlo").value;
var giocatori [2] = valore;
}
var testo = "Squadra Preferita: " + squadra + "<br>" +
"Campionato: " + campionato + "<br>" +
"Giocatori: " + giocatori [0] + giocatori [1] + giocatori [2];
document.getElementById("riepilogo").innerHTML = testo;
document.getElementById("ricarica").style.display="block";
}
function nascondiBottone() {
document.getElementById("ricarica").style.display="none";
}
window.onload = nascondiBottone;
function ricarica() {
location.reload();
}
</script>
<title>Calcio</title>
</head>
<body bgcolor="#99ccff">
<div align="center">
<table border="1" cellpadding="15">
<tr>
<th>
<form action="#">
Squadra Preferita:
<input id="squadra" type="text" name="squadraPreferita"><br>
Campionato:<br>
<input class="serie" type="radio" name="serie" value="serieA"> Serie A<br>
<input class="serie" type="radio" name="serie" value="serieB"> Serie B<br>
<input class="serie" type="radio" name="serie" value="serieC"> Serie C<br>
Vota i Migiori Giocatori:<br>
<div align="left">
<input id="ronaldo" type="checkbox" name="giocatori" value="ronaldo"> Ronaldo<br>
<input id="balotelli" type="checkbox" name="giocatori" value="balotelli"> Balotelli<br>
<input id="pirlo" type="checkbox" name="giocatori" value="pirlo"> Pirlo<br>
</div>
</form>
Colore Preferito:<br>
<select id="sorbetto">
<option value="bianconero">Bianco-Nero</option>
<option value="neroazzurro">Nero-Azzurro</option>
<option value="rossonero">Rosso-Nero</option>
<option value="biancoblu">Bianco-Blu</option>
</select>
<button type="button" onclick="compila()">Compila</button>
</th>
</tr>
</table>
<hr color="#ff5050">
<p id="riepilogo">
<br>
</p>
<hr color="#ff5050">
<button id="ricarica" type="button" onclick="ricarica()">Ricarica</button>
</div>
</body>
</html>