03 Oct Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
En este ejercicio vamos a usar funciones para resolver un problema sencillo.
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:
Ejercicio javascript en que se escribe una función que escribe la tabla de multiplicar de un número indicado. Incluye solución.
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?
En este ejercicio repasamos los conceptos relativos a la declaración de variables en javascript. ¿Qué declaraciones son incorrectas? Detéctalas y corrígelas.
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
No Comments