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:
Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.
Programa que pide al usuario un número y escribe todas las tablas de multiplicar del 1 al número dado reutilizando código. Incluye solución.
¿Estás preparando un examen javascript? Comparto el último examen JS (nivel básico) del curso de confección y publicación de páginas web (IFCD0110)
Ejercicio javascript dónde se muestra como generar contraseñas seguras de un modo bien fácil de cualquier longitud y letras. Incluye solución.
¿Harías trampas al solitario para incrementar la duración media de las visitas de tu web? Javascript puede ayudar. Ejemplo de código JS.
No Comments