Cursos Empresas Blog Live Conf Eventos Precios

Math en JavaScript

Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Contenido del curso

Introducción

1
¿Ya tomaste el Curso Práctico de JavaScript?
08:20 min

Matemáticas en JavaScript

Porcentajes

Estadística básica

Análisis de salarios

Próximos pasos

27
Toma el Taller Práctico de JavaScript: Videojuegos
04:27 min

Tomar examen

Math en JavaScript

Andres Felipe Rivillas Paez

Estudiante

Hace 4 años

Quise agragarle al reto un poco de DOM con JS para hacerlo mas practico

class Rectángulo {
    constructor(lado, base){
        this.lado = lado;
        this.base = base;
    }
    areaCuadrado(){
        return this.lado * this.base;
    }
    perimetroCuadrado(){
        return (this.lado * 2) + (this.base * 2);
    }
}
class Circulo{
    constructor(radio){
        this.pi = 3.1416
        this.radio = radio;
    }
    areaCirculo(){
        return this.pi * (this.radio ** 2);
    }
    perimetroCirculo(){
        return 2 * (this.pi * this.radio);
    }
    diametro(){
        return 2 * this.radio;
    }
}
class Triangulo{
    constructor(a,b,c){
        this.a = a;
        this.b = b;
        this.c = c;
    }
    semiperimetro(){
        return (this.a + this.b + this.c) / 2;
    }
    areaSinAltura(){
        let area = (this.semiperimetro() * (this.semiperimetro() - this.a) * (this.semiperimetro() - this.b) * (this.semiperimetro() - this.c)); 
        return Math.pow(area, 1/2).toFixed(2);
    }
    areaTrianguloRectangulo(){
        return (this.a * this.b) / 2;
    }
}

function ejecutarRectangulo(options){
    const lado = document.getElementById('ladoBase');
    const base = document.getElementById('lado');
    const resultadoRectangulo = document.getElementById('resultadoRectangulo');
    const rectangulo = new Rectangulo(Number(base.value), Number(lado.value));
    switch (options){
        case 1:
            resultadoRectangulo.innerHTML = rectangulo.areaCuadrado() + ' CM2 ';
            break;
        case 2:
            resultadoRectangulo.innerHTML = rectangulo.perimetroCuadrado() +' CM2 ';
            
            break;
        default:
            resultadoRectangulo.innerHTML = 'datos incorrectos';
            break;
    }
}

function ejecutarCirculo(options){
    const radio = document.getElementById('radio');
    const resultadoCirculo = document.getElementById('resultadoCirculo');
    const circulo = new Circulo(Number(radio.value));
    switch (options){
        case 1:
            resultadoCirculo.innerHTML = circulo.areaCirculo() + ' CM2 '; 
            break;
        case 2:
            resultadoCirculo.innerHTML = circulo.perimetroCirculo() + ' CM2 ';
            break;
        case 3:
            resultadoCirculo.innerHTML = circulo.diametro() + ' CM2 ';
            break;
        default:
            resultadoCirculo.innerHTML = 'datos incorrectos';
            break;
    }
}

function ejecutarTriangulo(options){
    const ladoA = document.getElementById('ladoA');
    const ladoB = document.getElementById('ladoB');
    const ladoC = document.getElementById('ladoC');
    const resultadoTriangulo = document.getElementById('resultadoTriangulo');
    const triangulo = new Triangulo(Number(ladoA.value), Number(ladoB.value), Number(ladoC.value));
    switch (options) {
        case 1:
            resultadoTriangulo.innerHTML = triangulo.semiperimetro() + ' CM2 ';
            break;
        case 2:
            resultadoTriangulo.innerHTML = triangulo.areaSinAltura() + ' CM2 ';
            break;
        case 3:
            resultadoTriangulo.innerHTML = triangulo.areaTrianguloRectangulo() + ' CM2 ';
            break;
        default:
            resultadoTriangulo.innerHTML = 'datos incorrectos';
            break;
    }
}

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Taller practico de matematicas con JS</title>
    <link rel="stylesheet" href="./main.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="./geometria/geometria.html">Geometria</a></li>
                <li><a href="./finanzas/finanzas.html">Finanzas</a></li>
                <li><a href="#">Estadistica</a></li>
                <li><a href="#">Analisis de salarios</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section></section>
    </main>
    <footer>
        <section></section>
    </footer>
    <script src="./main.js"></script>
</body>
</html>

Carlos Rodríguez

Estudiante

Hace 3 años

Que gran trabajo.

Math en JavaScript

Introducción

¿Ya tomaste el Curso Práctico de JavaScript?

Matemáticas en JavaScript

Fórmulas matemáticas en JavaScript

Math en JavaScript

Reto: altura de un triángulo

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Estadística básica

Qué es promedio, moda y mediana

Calculando el promedio

Método reduce

Calculando la mediana en una lista impar

Calculando la mediana en una lista par

Método sort

Calculando la moda: objetos a partir de arrays

Calculando la moda: arrays a partir de objetos

Promedio Ponderado en JavaScript: Fórmulas y Casos de Uso

PlatziMath: clases y métodos estáticos

Análisis de salarios

Cómo estructurar información en proyectos de software

Análisis salarial con JavaScript

Proyección salarial personal

Reestructurando información sobre la marcha

Salarios empresariales

Proyección de salarios por empresas

Top 10% de salarios

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Próximos pasos

Toma el Taller Práctico de JavaScript: Videojuegos