Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 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
<!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 ;D)
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 (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)
-
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í:
if(!(diam>0) || !(grosor>0) ){
alert('Los datos introducidos son erroneos.');
} else {
aceptado= true
}
Saludos. ;D
-
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. :D