Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones

Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones

Print Friendly, PDF & Email
Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
Valora esta entrada
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:

  1. declaración de variables
  2. uso de funciones
  3. declaración de funciones con una entrada y un o unos valores de salida
  4. 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.

Ver solución (Haz clic)

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 – ¿Qué declaraciones de variables son erróneas en JS?
- 111
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 – Generación iterativa de encabezados html
- 58
Ejercicio dónde se generan los encabezados h1 a h6 mediante javascript. Incluye solución.
Introducción a los eventos javascript
- 277
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Onresize window para calcular el width y el height disponibles
- 256
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Crear, modificar, eliminar y detectar cookies con Javascript
- 808
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Como modificar el destino de todos los enlaces de una web con javascript
- 91
Ejercicio con solución de la serie ejercicios javascript puro dónde se muestra como modificar el href de todos los enlaces de una web.
Ejercicio – Generación de un dado de 6 caras con javascript
- 82
Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.
Ejercicio – ¿Qué hora es? Programación de un reloj muy sencillo en JS
- 85
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
Función que crea un objeto y lo almacena en una lista en Javascript
- 400
Javascript es un lenguaje basado en el uso de objetos. Los objetos son recursos que nos permiten agrupar un conjunto de propiedades alrededor de una idea común. Un constructor es un tipo especial de f...
Resumen de carácteres extraños en Javascript
- 193
Muchos alumnos me habéis pedido esta entrada sobre los carácteres , . : ; [] {} () en Javascript. Y es que tenéis razón. Hay pocos recursos en internet que los aglutinen y nos expliquen dónde debemo...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.