03 Oct Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
En realidad lo podríamos hacer sin funciones pero queremos practicar el esquema:
- declaración de variables
- uso de funciones
- declaración de funciones con una entrada y un o unos valores de salida
- desarrollo del interior de las funciones
Tal vez te sea de utilidad leer estas entradas:
Enunciado
Teniendo en cuenta que:
- para calcular el perímetro de un rectángulo necesitamos saber la longitud de 2 lados contiguos
- la fórmula del perímetro es p = 2*(a +b) dónde a y b son dos lados no opuestos.
Diseña una rutina que calcule el perímetro de un rectángulo y que a continuación devuelva la información escrita por pantalla.
Solución del ejercicio
En el código encontraréis anotaciones para entender la resolución.
Como comentario señalar que el método float() convierte un string en número decimal. Se usa porqué window.prompt() devuelve un string y no un número.
¿Como queda el documento html?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Francesc Ricart">
<title>Cálculo del perímetro de un rectángulo</title>
</head>
<body>
<script>
//programa que dados 2 costados de un rectángulo escribe el perímetro por pantalla.
//inicialización de variables
var lado1 = lado2 = 0;
var perimetro = 0;
//pedimos la información al usuario
lado1 = preguntarDato();
lado2 = preguntarDato();
//lado1 y lado2 en realidad son variales absolutas. por scope no haría falta pasarlas pero lo hacemos como ejemplo didáctico
//calculamos y escribimos el perímetro conocidos los lados
escribePerimetro(lado1,lado2);
//declaración de funciones
function preguntarDato(){
return parseFloat(window.prompt("escribe la longitud de un número"));
}
//fijaros que la variable a toma el valor de lado1 y variable b toma el valor de lado2
function escribePerimetro(a,b){
var perimetro = 2*(a+b);
document.write("el perimetro de un rectángulo de lados " + a + " y " + b +" es "+perimetro);
}
</script>
</body>
</html>¡Hola!
Querido lector,
En este ejercicio hemos visto un ejemplo sencillo.
Ahora podrías practicar con el área y/o otras formas geométricas. La resolución siempre es muy parecida.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
Se muestran 2 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación if(){}else if(){}else{}
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Practica createElement(), appendChild(), insertBefore() y removeChild() con un documento web lleno de párrafos. Incluye solución.
Veamos como podemos deshabitar el envío de un formulario web mediante javascript haciendo uso del evento submit() y preventDefault()
Ejercicio avanzado de javascript para controlar el acceso de usuarios a una página web mediante el uso de cookies. Incluye solución.
No hay comentarios