School-HTML/3AIN/Esercizi TPS JavaScript Misti/Esempio radioButton.html

26 lines
917 B
HTML

<html>
<!--Patuelli Pietro-->
<head>
</head>
<body>
<input type="radio" id="Auto" name="tipoVeicolo" value="Auto" checked>
<label for="Auto">Auto</label><br>
<input type="radio" id="Moto" name="tipoVeicolo" value="Moto" >
<label for="Moto">Moto</label><br>
<input type="radio" id="Monopattino" name="tipoVeicolo" value="Monopattino" >
<label for="Monopattino">Monopattino</label><br>
<button onclick="document.getElementById('Scelta').innerHTML=mostraScelta()">CLICCAMI</button><br>
<p id="Scelta"></p>
<script>
function mostraScelta(){
/*IN QUESTO CASO DECIDO DI ACCEDERE DIRETTAMENTE ALLA PAGINA*/
let scelta;
if (document.getElementById('Auto').checked) scelta="HAI SCELTO AUTO";
if (document.getElementById('Moto').checked) scelta="HAI SCELTO MOTO";
if (document.getElementById('Monopattino').checked) scelta="HAI SCELTO MONOPATTINO";
return scelta;
}
</script>
</body>
</html>