Hola a todos, Envío el ejercicio CU01130E del taller de desarrollo web con JavaScript usando Notepad++ sin utilizar if anidados. Muchas gracias por vuestra colaboración.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo JavaScript - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {background-color:white; font-family: sans-serif;}
label {color: maroon; display:inline-block; padding:5px;}
</style>
<script type="text/javascript">
function informarItemsElegidos(elemento) {
var elementosObtenidos = document.getElementsByName(elemento);
var msg = '';
var elegidos = 0;
for (var i=0; i<elementosObtenidos.length; i++) {
if ((elegidos>0 && (i<elementosObtenidos.length) && elementosObtenidos[i].checked == true))
{msg = msg + ', ';}
if (elementosObtenidos[i].checked == true)
{ msg = msg + elementosObtenidos[i].value;
elegidos=elegidos+1;
}
}
if (elegidos == 0 ) {msg = '¡No ha elegido ningún animal!';}
alert ('El número total de animales disponibles era: '+ elementosObtenidos.length +' y usted ha elegido: ' + elegidos + '\n'+'\n' + msg);
}
</script>
</head>
<body>
<div id="cabecera">
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
</div>
<!-- Formulario de contacto -->
<div style="width:450px;">
<form name ="formularioContacto" class="formularioTipo1" method="get" action="http://aprenderaprogramar.com" onsubmit="informarItemsElegidos('animal')">
<p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
<label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" /></label>
<label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" /></label>
<p>Elige los animales que te gusten:</p>
<input type="checkbox" name="animal" id="leon" value="leon" /> <label for="leon">León </label>
<input type="checkbox" name="animal" id="tigre" value="tigre" /> <label for="tigre">Tigre </label>
<input type="checkbox" name="animal" id="guepardo" value="guepardo" /> <label for="guepardo">Guepardo </label>
<input type="checkbox" name="animal" id="jaguar" value="jaguar" /> <label for="jaguar">Jaguar </label>
<label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" /></label>
<label>
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</label>
</form>
</div>
</body>
</html>
Tema: JavaScript con Notepad++ getElementsByName length checkbox checked CU01130E (Leído 2263 veces)
RSS -
WAP2