Autor Tema: JavaScript con Notepad++ getElementsByName length checkbox checked CU01130E  (Leído 1193 veces)

Bettu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 28
    • Ver Perfil
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.

 :)

Código: [Seleccionar]
<!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 &nbsp;&nbsp;&nbsp;    </label>
    <input type="checkbox" name="animal" id="tigre" value="tigre" /> <label for="tigre">Tigre &nbsp;&nbsp;&nbsp; </label>
    <input type="checkbox" name="animal" id="guepardo" value="guepardo" /> <label for="guepardo">Guepardo &nbsp;&nbsp;&nbsp; </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>
« Última modificación: 17 de Junio 2017, 13:50 por Alex Rodríguez »

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Ejercicio CU01130E - JavaScript getElementsByName
« Respuesta #1 en: 11 de Abril 2017, 23:14 »
Está bien resuelto  ;)

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".