Math with JavaScript

page

Visitala haciendo click 👉 aquí 👈


Te expico algunos de los conceptos que apliqué en el proyecto



🔥 Maquetación Responsive Dising: Mobile First

Información en este proyecto


🚀 Cálculo de perímetro y área de figuras geométricas con JavaScript

Según la figura geométrica que escoja el usuario realizamos las operaciones.


Cuadrado

Area = l x l

function areaSquare (sideSquare) {
    return (sideSquare * sideSquare);
}

Perímetro = l x 4

function perimeterSquare(sideSquare) {
    return (sideSquare * 4);
}

Círculo

Area = PI x radio al cuadrado Hacemos uso de Math para que el cálculo sea más exacto y con toFixed le dejamos solo 4 decimales.

const PI = Math.PI;
function areaCircle(radius) {
    return (PI * (radius * radius)).toFixed(4);
}

Perimetro de la Cicunsferencia = diámetro x PI

El diámetro es igual a radio x 2

function diameterCircle(radius) {
    return (radius * 2);
}
function perimeterCircle(radius) {
    const diameter = diameterCircle(radius);
    return (diameter * PI).toFixed(4);
}

Triángulo

Perimetro = la suma de todos sus lados

function perimeterTriangle(s1Triangle, s2Triangle , baseTriangle) {
    return (parseFloat(s1Triangle) + parseFloat(s2Triangle) + parseFloat(baseTriangle));
}

Área = base x altura / 2

function areaT(base, h) {
    const area = ((base * h) / 2);
    return area.toFixed(4);    
}

La altura del triángulo va a depender de que tipo de triángulo es.

  • Equilatero: sus lados son iguales con base diferente

  • Isosceles: sus tres lados tienen la misma longitud

  • Escaleno: distintas medidas en sus lados

Lo verificamos primero

function typeTriangle (sideA, sideB, baseT){
    if (sideA === sideB && sideA === baseT) {
        return 'equilatero';
    }
    else if (sideA === sideB && sideA != baseT) {
        return 'isosceles';
    }
    else {
        return 'escaleno';
    }
}

Calcular la altura de un Triángulo Eqilatero

Es igual a la raiz cuadrada de lado al cuadrado menos lado dividido 2 al cuadrado

Explicación detallada

function hEquilateral(side){
    side2 = (side * side);
    halfSide = (side / 2);
    halfSide2 = (halfSide * halfSide);
    h = (side2 - halfSide2);
    h = Math.sqrt(h);

    return h;
}

Calcular la altura de un Triángulo Isosceles

isosceles

Explicación detallada

function heightTriangle(side, base) {
    base = ((base * base ) / 4);
    side = side * side;
    h = side - base;
    h = Math.sqrt(h);

    return h;
}

Calcular la altura de un Triángulo Escaleno

Primero debemos calcular el semiperímetro (S) que es igual a la suma de todos los lados dividios entre 2

Todo listo para la fórmula

escaleno

Explicación detallada

function hEsq(sideA, sideB, baseT){
    const s = ((parseFloat(sideA) + parseFloat(sideB)+ parseFloat(baseT) ) / 2 );
    h = Math.sqrt(s * ((s - baseT) * (s - sideA) * (s - sideB)));
    h = ((h * 2) / baseT);
    return h;
}

💥 Manipulación del DOM

Los nodos se crean con createElement y su contenido con textContent.

Los hace visibles append()

append es la evolución de appendChild ya que permite agregar más de un nodo a la vez.

Esto significa que a medida que el usuario hace click en determinados botones, JavaScript escucha el evento y procede a dibujar el DOM

triangle result

GitHub

View Github