Control: Radio

Con JavaScript podemos utilizar cualquier control de un formulario para que el usuario interactúe con ellos, el radio es manipulado de igual forma que los botones tipo “Button” permitiendo ampliar la flexibilidad a la hora de realizar programas.

Ejemplo:

El ordenador generará un número aleatorio comprendido entre 1 y 3. Nosotros deberemos pulsar en el radio botón que deseemos. Si acertamos ganamos 100pts, cada fallo perderemos 50pts. Si acertamos el ordenador automáticamente generará otro número para seguir jugando.

<html>
<head>
<script>
var banco=100;
var num_secreto=0;
function genera()
{
num_secreto=Math.random()*3;
num_secreto=Math.round(num_secreto);
if(num_secreto==0)
num_secreto=3;
}

function juego(valor)
{
if(num_secreto==valor)
{
alert(“Enhorabuena”);
banco+=100;
genera();
}
else
{
banco-=50;
}
apuesta.caja.value=banco;
}
</script>
</head>
<body onload=genera();>
<form name=apuesta>
Apuesta:
1<input type=”radio” name=”R1″ onClick=juego(1);>
<br>
2<input type=”radio” name=”R1″ onClick=juego(2);>
<br>
3<input type=”radio” name=”R1″ onClick=juego(3);>
<br>
banco:
<input type=”text” name=”caja” size=”20″ value=”100″>
</form>
</body>
</html>

Aún no hay comentarios

¡Sea el primero en comentar!

Escribe un comentario

Trackback URI