Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: lvrksn en 03 de Marzo 2015, 16:22

Título: Ejercicio javascript programa pedir números y mostrar el máximo y mínimo
Publicado por: lvrksn en 03 de Marzo 2015, 16:22
Buen dia compañeros.Estoy realizando un ejercicio donde tengo que dejar que el usuario ingrese una cantidad de numeros a eleccion propia y luego calcular el maximo y el minimo..pero en algo estoy fallando(debe ser una tonteria) y no consigo que me salga bien.les copio lo que tengo puesto:

Código: [Seleccionar]
function Mostrar()
{

   var contador = 0;
   var respuesta ='si';
   var minimo = 0;
   var maximo = 0;


   while(respuesta!='no')
   {
     
      contador++;
      var numero = parseInt(prompt("ingrese un numero"));
      respuesta = prompt("desea continuar?(no) para salir");
   
      if(contador == 1)
      {
         maximo = numero;
         minimo = numero;

         
      }
     

      if(contador >1 && numero > maximo)
      {
         numero = maximo;

      }
     
      if (contador > 1 && numero < minimo)


      {
         numero = minimo;

      }

     

   }
      document.getElementById("maximo").value=maximo;
      document.getElementById("minimo").value=minimo;
}

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Curso Ingreso UTN FRA</title>

<!--Estilos-->
<link rel="stylesheet" type="text/css" href="../estilo.css">
<link rel="stylesheet" type="text/css" href="../animacion.css">
<!--final de Estilos-->

<!--Lógica-Programación-->
<script type="text/javascript" src="jsIteraciones (9).js"></script>
        <!--Final de Lógica-Programación -->

</head>
<body>
<div class="CajaUno animated bounceInDown">

<h1>Ingrese datos.</h1>
<form id="FormIngreso">

<INPUT type="text" placeholder="El M&aacute;ximo" id="maximo" readonly>
<INPUT type="text" placeholder="El M&iacute;nimo" id="minimo" readonly>

</form>

</div>
<div class="CajaUno animated bounceInLeft">



<button  class="MiBotonUTN" onclick="Mostrar()" >Comenzar el ingreso</button>

</div>

<div class="CajaEnunciado animated bounceInLeft">
<h2>Enunciado:</h2>

<h3>
Al presionar el bot&oacute;n pedir  n&uacute;meros  hasta que el usuario quiera,
mostrar el número máximo y el número mínimo.

</h3>


</div>

<div class="CajaAbajo animated bounceInUp">
<a  class="MiBotonUTNLinea" onclick="location.href='index.html'" >Men&uacute; ejercicios</a>

</div>
</body>
</html>
Título: Re:consulta ejercicio javascript
Publicado por: Ogramar en 03 de Marzo 2015, 16:36
Hola, como veo que eres nuevo recordar esto: para pegar código y poner título a los temas hacerlo como se indica en https://www.aprenderaprogramar.com/foros/index.php?board=1.0

Por otro lado, pega todo el código que tengas, es decir, el HTML y el javascript para poder ejecutarlo en el navegador... Así nos facilitas la tarea de revisarlo sin tener que estar añadiendo cosas que faltan  :)

Salu2
Título: Re:consulta ejercicio javascript
Publicado por: lvrksn en 03 de Marzo 2015, 16:42
listo.ya esta modificado.ahi agregue el html al post principal.gracias!!
Título: Re:consulta ejercicio javascript
Publicado por: Ogramar en 03 de Marzo 2015, 17:34
Hola tienes un fallo básico en cuanto al ámbito de las variables, además tienes un fallo de lógica en las asignaciones después de las comparaciones.

Te recomiendo seguir este curso: https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206

El código con las variables contador, minimo y maximo en el ámbito correcto y el cambio de la lógica sería (lo he unido todo en un solo fichero):

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Curso Ingreso UTN FRA</title>

<!--Estilos-->
<link rel="stylesheet" type="text/css" href="../estilo.css">
<link rel="stylesheet" type="text/css" href="../animacion.css">
<!--final de Estilos-->

<!--Lógica-Programación-->
<script type="text/javascript">
var contador = 0;
var minimo = 0;
        var maximo = 0;
function Mostrar() {
   
   var respuesta ='si';
   
   while(respuesta!='no')   {
      contador++;
      var numero = parseInt(prompt("ingrese un numero"));
      respuesta = prompt("desea continuar?(no) para salir");
         if(contador == 1)       {
         maximo = numero;
         minimo = numero;
     }
     
      if(contador >1 && numero > maximo) {maximo = numero;      }
     
      if (contador > 1 && numero < minimo)      {minimo = numero;      }

   }
      document.getElementById("maximo").value=maximo;
      document.getElementById("minimo").value=minimo;
}

</script>
        <!--Final de Lógica-Programación -->

</head>
<body>
<div class="CajaUno animated bounceInDown">
<h1>Ingrese datos.</h1>
<form id="FormIngreso">
<INPUT type="text" placeholder="El M&aacute;ximo" id="maximo" readonly>
<INPUT type="text" placeholder="El M&iacute;nimo" id="minimo" readonly>
</form>
</div>
<div class="CajaUno animated bounceInLeft">
<button  class="MiBotonUTN" onclick="Mostrar()" >Comenzar el ingreso</button>
</div>
<div class="CajaEnunciado animated bounceInLeft">
<h2>Enunciado:</h2>
<h3>
Al presionar el bot&oacute;n pedir  n&uacute;meros  hasta que el usuario quiera,
mostrar el número máximo y el número mínimo.

</h3>
</div>
<div class="CajaAbajo animated bounceInUp">
<a  class="MiBotonUTNLinea" onclick="location.href='index.html'" >Men&uacute; ejercicios</a>

</div>
</body>
</html>
Salu2
Título: Re:consulta ejercicio javascript
Publicado por: lvrksn en 03 de Marzo 2015, 18:06
muchisimas gracias..ahora si funciona...entonces por lo que puedo ver me falto poner la condicion de que el contador sea mayor a 1 y cambiar el orden de las variables maximo y minimo..estoy haciendo el ingreso a la facultad y estamos viendo programacion para los que no tienen conocimientos previos..y la verdad que era una obviedad el error,pero estoy tan liado que no lo vi con claridad.
Gracias nuevamente.
Saludos!