Autor Tema: JavaScript Condiciones desición if else, if else if. Ejercicio resuelto CU01119E (Leído 2336 veces)

Chompy129 · « **en:** 01 de Octubre 2016, 04:49 »

If else, if else if JavaScript. Condicionales del flujo o estructuras de decisión. Ejemplos. Ejercicios (CU01119E)

Aquí les dejo el ejercicio CU01119E del tutorial básico de desarrollo web:

Código JavaScript

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Condicionales</title>
	<style type="text/css">
		div{margin: auto; width: 500px; height: 400px;}
		div button{position: relative; top: 150px; left: 155px;}
		.boton1{
			border: none;
			outline: none;
			width: 160px; height: 90px;
			margin: 10px;
			background: radial-gradient(#F00, #A00);
			border-radius: 15px;
			box-shadow: 0 10px #333;
			display: inline-block;
			cursor: pointer;
			transform: translateY(-7px);
		}
		.boton1 span{
			font: normal normal 700 1.4em/1em arial;
			text-transform: uppercase;
			color: #FFF;
			text-shadow: 0 1px #FFF;
		}
		.boton1:hover{background: radial-gradient(#D00, #900);}
		.boton1:hover span{
			color: #EEE;
		}
		.boton1:active{
			transform: translateY(0px);
			box-shadow: 0 3px #111;
		}
	</style>
	<script type="text/javascript">
		function boton(){
			alert("¡Bienvenido a crea tu rueda! (?)");
			var aceptado = false; //Determina si el valor del usuario es aceptada
			var diam= Number(prompt("Por favor D:\nEn metros, digame el diametro de su exepcional rueda. (xd)"));
			var grosor= Number(prompt("Ahora.\nEn metros otra vez, el grosor de su rueda."));

			//Determina si es aceptado
			if(diam== "" || grosor== ""){
				//Error
				if (diam == ""){alert("Error: no introdujo un diametro.")};//Si no se introduce diametro
				if (grosor== ""){alert("Error: no introdujo un grosor.")};//Si no se introduce grosor
			}//aceptado
			else{aceptado= true};

			if (aceptado == true){//Si es aceptado sigue las siguientes condiciones
				if(diam > 1.4){alert("Su rueda es para un vehículo grande :O")}
				else if(diam <= 1.4 && diam > 0.8){alert("La rueda es para un vehículo mediano :)")}
				else{alert("La rueda es para un vehículo pequeño :/")};

				if(diam > 1.4 && grosor < 0.4 || diam <= 1.4 && diam > 0.8 && grosor < 0.25){alert("El grosor para esta rueda es inferior al recomendado.")}
			}//Cierre de aceptado
		}//Cierre de la función
	</script>
</head>
<body>
	<div>
		<button type="button" class="boton1" onclick="boton()"><span>presioname</span></button>
	</div>
</body>
</html>

^{(Las condiciones son mi parte favorita )}

Una cosa, ¿hay alguna manera de que el código no admita algo que no sea números?, es decir, que yo escriba una letra, palabra o cualquier cosa y entonces salga un aviso de error por escribir algo que no es un número. Es la única cosa que no pude resolver.

Link de la clase: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=797:if-else-if-else-if-javascript-condicionales-del-flujo-o-estructuras-de-decision-ejemplos-ejercicios-cu01119e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

pedro,, · « **Respuesta #1 en:** 01 de Octubre 2016, 17:30 »

Hola Chompy129.

Tu código está bien.

Sobre lo que comentas, en estos momentos por la parte del curso en la que te encuentras, pocos recursos tienes para depurar todos los posibles errores que te puedan generar los datos que introduzca el usuario, pero tu "if" podría quedar así:

Código: [Seleccionar]

if(!(diam>0) || !(grosor>0) ){
        alert('Los datos introducidos son erroneos.');				
} else {
       aceptado= true
}

Saludos.

Chompy129 · « **Respuesta #2 en:** 02 de Octubre 2016, 05:37 »

Gracias. Supongo que por ahora no podre hacerlo. $:-\$
(El código que me muesras me parece mejor que el que puse, ademas me muestra un uso con ! así que gracias)

También te envió saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: