Fórmulas matemáticas 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

Cursos Empresas Blog Live Conf Eventos Precios

0:0019:17

Fórmulas matemáticas en JavaScript

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

Clase 2 de 27

Clase 2 / 27

Comentarios (68)68 comentarios

Laureano Vera

Hace 4 años

class Rectangle {
  constructor(base, height) {
    this.base = base;
    this.height = height;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.base, this.height)}cm`;
  }

  get area() {
    return `${this.calcArea(this.base, this.height)}cm2`;
  }

  calcPerimeter(base, height) {
    return base * 2 + height * 2;
  }

  calcArea(base, height) {
    return base * height;
  }
}

class Circle {
  constructor(radio) {
    this.radio = radio;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.radio)}cm`;
  }

  get area() {
    return `${this.calcArea(this.radio)}cm2`;
  }

  calcPerimeter(radio) {
    return 2 * Math.PI * radio;
  }

  calcArea(radio) {
    return Math.PI * radio ** 2;
  }
}

Carlos Rodríguez

Hace 3 años

Bien.

Rubén Cuello

Hace 4 años

Recomiendo usar la fórmula de Heron para calcular el área del triángulo, ya que nos soluciona el problema que se presenta cuando tenemos triángulos del tipo escaleno, y al mismo tiempo, nos permite dejar de lado términos como base y altura, así nos concentramos únicamente en las medidas de los lados

Nestor Rios Garcia

Hace 4 años

Gracias, así terminé haciéndolo:

function triangle(side1, side2, side3) {
    const perimeter = side1 + side2 + side3;
    // Heron formula
    const S = perimeter / 2;
    const area = Math.sqrt(S*(S - side1)*(S - side2)*(S - side3))

    const result = `Triangle sides: ${side1}, ${side2}, ${side3},  | perimeter: ${perimeter}, area: ${area}`;
    console.log(result);
}
triangle(5, 6, 8);

Resultado en consola:

 Triangle sides: 5, 6, 8,  | perimeter: 19, area: 14.981238266578634

Orlando Rodriguez

Hace 4 años

El operador de potenciación es doble asterisco

// el cuadrado de 5
let areaCuadrado = 5 ** 2;
// areaCuadrado = 25;

jose maria garcia

Hace 4 años

CTRL+D : Para seleccionar varias palabras 1 por 1 con el cursor CTRL+CLIK: Para escribir donde hacemos click, si no nos funciona, en el menu superior buscamos 'Selection" y hacemos click en 'Switch to Ctrl+Click for Multi-Cursor'

Juan David Reyes

Hace 4 años

Si quieren personalizar sus Logs puede hacerlo de la siguiente manera.

console.log( '%c juanda', 'color: blue; font-size: 20px;');

de esta forma usando el %c seguido de una coma pueden obtener esto:

Marcia Hernández

Hace 4 años

Se rompió la imagen, no?

Juan David Reyes

Hace 4 años

Sí, pero igual funciona jaja!

Jairo Campos Ruiz

Hace 4 años

Como aporte el método console.groupEnd() no requiere argumentos no sirve de nada pasarle el nombre del grupo. Podéis verlo haciendo hover sobre el método en el editor o entrando a la documentación.

Rogger Erikson Cruz Zapata

Hace 4 años

let ladoC = document.querySelector('#lado-cuadrado');
let perimetroC = document.querySelector('.perimetro-cuadrado');
let areaC = document.querySelector('.area-cuadrado');
let valorC = document.querySelectorAll('.valor');

ladoC.addEventListener('change',()=>{
    if (ladoC.value > 0){
        perimetroC.innerHTML = ladoC.value * 4;
        areaC.innerHTML = ladoC.value * ladoC.value;
    
        for(i=0; i < valorC.length;i++){
            valorC[i].innerHTML = ladoC.value
        }
    
    }

})

Andres Salazar Pizarro

Hace 4 años

Si mal no recuerdo en una clase de la pre... Existia un teorema conocido como el teorema de Heron que permite brindarte el area mediante solamente sus lados.

Con ello permitia obtener el area facilmente con el uso de sus lados...

Fabrizio López

Hace 3 años

Las multiplicaciones son conmutativas, es decir, no importa el orden de los factores, el resultado es el mismo.

En el ejemplo que mencionan de "base * altura / 2" no hace falta colocar paréntesis, el resultado es el mismo si se hace (base * altura)/2 o (base/2) * altura o base * (altura/2).

La división entre dos se puede ver en este caso como una fracción 1/2, por lo que la multiplicación sería equivalente a: base * altura * (1/2)

Al ser conmutativa, no importa el orden, el resultado es el mismo.

Muy distinto sería si ya se involucrara alguna otra operación, por ejemplo (base + altura)/2. Aquí si sería importante colocar los paréntesis.

Richard Pascual Huallpa Yapo

Hace 4 años

utilizando callback, que aprenderán en cursos posteriores SIGAN APRENDIENDO

function calcular (base, altura, callback){
  return callback(base,altura)
}

const area = (a, b) => a*b
const perimetro = (a, b) => 2*a+2*b

calcular(2,2,area)             		 //4
calcular(2,2,perimetro)    			   //8
calcular(3,4,perimetro)  				  //14
calcular(3,5,area)      		  		//15

Dave Juanes

Hace 4 años

Hola!, también podemos utilizar el objeto global Math para la potencia con: const areaCuadrado = Math.pow(ladoCuadrado, 2)

Jeisson Felipe Rodriguez Prieto

Hace 3 años

Codigo para cualquier figura regular

solo fucion si la figura tiene todos los lados son iguales

const degreesToRadians = (degrees) => degrees * Math.PI / 180;

class RegularPolygon {
    constructor(numSides, sideLength, unit = "cm") {
        this.sideLength = sideLength;
        this.numSides = numSides;
        this.unit = unit;

        this.angle = 360 / (2 * numSides);
        this.perimeter = this.calculatePerimeter(sideLength, numSides);
        this.apothem = this.calculateApothem(sideLength, this.angle);
        this.area = this.calculateArea(this.perimeter, this.apothem);
    }

    calculateApothem = (sideLength, angle) => sideLength / (2 * Math.tan(degreesToRadians(angle)));

    calculatePerimeter = (sideLength, numSides) => sideLength * numSides;

    calculateArea = (perimeter, apothem) => perimeter * apothem / 2;

    printInfo = (numDecimals , unit = this.unit) => console.log(
`Number of sides: ${this.numSides.toFixed(numDecimals)}
Side length: ${this.sideLength.toFixed(numDecimals)}${unit}
Apothem: ${this.apothem.toFixed(numDecimals)}${unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2`)
}

unos ejemplos de como usar el metodo printinfo() para mostrar los datos de cada ++figura++

const square1 = new RegularPolygon(4,10,'cm');
square1.printInfo(1)

const triangle1 = new RegularPolygon(3,1,'cm');
triangle1.printInfo(2)

const square2 = new RegularPolygon(4,8.5,"m")
square2.printInfo(5)

Diego Fernando Ortiz Gamboa

Hace 4 años

Explicación de distintos tipos de console

David Izquierdo

Hace 4 años

Les comparto mi solución del triangulo:

const ladoTriangulo1  = 12;
const ladoTriangulo2  = 12;
const baseTriangulo   = 8;
const alturaTriangulo = Math.sqrt((ladoTriangulo1 * ladoTriangulo1) - ((baseTriangulo / 2) * (baseTriangulo / 2)));

const perimetroTriangulo = `${ladoTriangulo1 + ladoTriangulo2 + baseTriangulo} cm`;
const areaTriangulo = `${((baseTriangulo * alturaTriangulo) / 2).toFixed(2)} cm²`;

Espero que le sirva a alguien, saludos.

Laureano Vera

Hace 4 años

class Square {
  constructor(size) {
    this.size = size;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.size)}cm`;
  }

  get area() {
    return `${this.calcArea(this.size)}cm2`;
  }

  calcPerimeter(size) {
    return size * 4;
  }

  calcArea(size) {
    return size * size;
  }
}

class Triangle {
  constructor(base, height, size2, size3) {
    this.base = base;
    this.height = height;
    this.size2 = size2;
    this.size3 = size3;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.base, this.size2, this.size3)}cm`;
  }

  get area() {
    return `${this.calcArea(this.base, this.height)}cm2`;
  }

  calcPerimeter(size, size2, size3) {
    return size + size2 + size3;
  }

  calcArea(base, height) {
    return (base * height) / 2;
  }
}

Alejandro Zambrano Lasso

Hace 4 años

hola, Que atajo usó JuanDC para seleccionar y para agregar las comas? min:11:28

Juan Castro

Profesor

Hace 4 años

command + click

Jeisson Felipe Rodriguez Prieto

Hace 3 años

clase general para cualquier ++figura regular++

solo fucion si la figura tiene todos los lados son iguales

const degreesToRadians = (degrees) => degrees * Math.PI / 180;

class RegularPolygon {
    constructor(numSides, sideLength, unit = "cm") {
        this.sideLength = sideLength;
        this.numSides = numSides;
        this.unit = unit;

        this.angle = 360 / (2 * numSides);
        this.perimeter = this.calculatePerimeter(sideLength, numSides);
        this.apothem = this.calculateApothem(sideLength, this.angle);
        this.area = this.calculateArea(this.perimeter, this.apothem);
    }

    calculateApothem = (sideLength, angle) => sideLength / (2 * Math.tan(degreesToRadians(angle)));

    calculatePerimeter = (sideLength, numSides) => sideLength * numSides;

    calculateArea = (perimeter, apothem) => perimeter * apothem / 2;

    printInfo = (numDecimals , unit = this.unit) => console.log(
`Number of sides: ${this.numSides.toFixed(numDecimals)}
Side length: ${this.sideLength.toFixed(numDecimals)}${unit}
Apothem: ${this.apothem.toFixed(numDecimals)}${unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2`)
}

unos ejemplos de como usar el metodo ++printinfo()++ para mostrar los datos de cada figura

const square1 = new RegularPolygon(4,10,'cm');
square1.printInfo(1)

const triangle1 = new RegularPolygon(3,1,'cm');
triangle1.printInfo(2)

const square2 = new RegularPolygon(4,8.5,"m")
square2.printInfo(5)

Jeisson Felipe Rodriguez Prieto

Hace 3 años

reto triangulo

class triangle {
    constructor(side1, side2, side3,unit) {
        this.sides = [side1, side2, side3]
        this.side1 = side1;
        this.side2 = side2;
        this.side3 = side3;
        this.unit = unit;
        
        this.perimeter = this.calculatePerimeter(this.sides)
        this.semiPerimeter = this.perimeter/2;
        this.area = this.calculateArea(this.sides,this.semiPerimeter);
    }
    calculatePerimeter = (sides ) => sides[0]+sides[1]+sides[2]
    calculateArea = (sides , semiPerimeter)=> Math.sqrt((semiPerimeter-sides[0])*(semiPerimeter-sides[1])*(semiPerimeter-sides[2])*semiPerimeter , 2)
    printInfo = (numDecimals, unit = this.unit) => console.log(
`
Number of sides: ${this.sides.length}
Sides length: ${this.sides[0]+ unit} ${this.sides[1]+ unit} ${this.sides[2]+ unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2
`
    )
}

ejemplo de como usar el metodo ++printinfo()++ para mostrar la informacion del triangulo en consola

const t1 = new triangle(2,4,3);
t1.printInfo(2,'m')

Alex Chipre

Hace 4 años

Fórmulas para el cuadrado

Fórmulas para el triangulo

Raúl Adolfo Sánchez Rodríguez

Hace 3 años

Proyecto final: Portal del docente

📌Demo: Prueba la aplicación🎮 📌Repositorio: Mira el código completo💻 📌Descripción: El proyecto consiste en un portal en el que se pueden ingresar las calificaciones(grades) de los alumnos de una clase y en la sección de estadísticas se puede obtener el promedio, media y moda (uni, bi y multimodal) de la clase presionando los respectivos botones. Adicionalmente se agregó un icono de signo de interrogación el cual, al ser presionado, muestra una tarjeta con la definición de cada concepto _ 📌Vistas:

Desktop
Mobile

Fabricio Navarro Ance Naid Expedito

Hace 3 años

Estaria buenisimo si solo los botones que funcionan incluyas te lo digo como una critica constructiva, por lo otro excelente tu aplicación Brother

class Rectangle {
  constructor(base, height) {
    this.base = base;
    this.height = height;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.base, this.height)}cm`;
  }

  get area() {
    return `${this.calcArea(this.base, this.height)}cm2`;
  }

  calcPerimeter(base, height) {
    return base * 2 + height * 2;
  }

  calcArea(base, height) {
    return base * height;
  }
}

class Circle {
  constructor(radio) {
    this.radio = radio;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.radio)}cm`;
  }

  get area() {
    return `${this.calcArea(this.radio)}cm2`;
  }

  calcPerimeter(radio) {
    return 2 * Math.PI * radio;
  }

  calcArea(radio) {
    return Math.PI * radio ** 2;
  }
}

function triangle(side1, side2, side3) {
    const perimeter = side1 + side2 + side3;
    // Heron formula
    const S = perimeter / 2;
    const area = Math.sqrt(S*(S - side1)*(S - side2)*(S - side3))

    const result = `Triangle sides: ${side1}, ${side2}, ${side3},  | perimeter: ${perimeter}, area: ${area}`;
    console.log(result);
}
triangle(5, 6, 8);

let ladoC = document.querySelector('#lado-cuadrado');
let perimetroC = document.querySelector('.perimetro-cuadrado');
let areaC = document.querySelector('.area-cuadrado');
let valorC = document.querySelectorAll('.valor');

ladoC.addEventListener('change',()=>{
    if (ladoC.value > 0){
        perimetroC.innerHTML = ladoC.value * 4;
        areaC.innerHTML = ladoC.value * ladoC.value;
    
        for(i=0; i < valorC.length;i++){
            valorC[i].innerHTML = ladoC.value
        }
    
    }

})

function calcular (base, altura, callback){
  return callback(base,altura)
}

const area = (a, b) => a*b
const perimetro = (a, b) => 2*a+2*b

calcular(2,2,area)             		 //4
calcular(2,2,perimetro)    			   //8
calcular(3,4,perimetro)  				  //14
calcular(3,5,area)      		  		//15
  

const degreesToRadians = (degrees) => degrees * Math.PI / 180;

class RegularPolygon {
    constructor(numSides, sideLength, unit = "cm") {
        this.sideLength = sideLength;
        this.numSides = numSides;
        this.unit = unit;

        this.angle = 360 / (2 * numSides);
        this.perimeter = this.calculatePerimeter(sideLength, numSides);
        this.apothem = this.calculateApothem(sideLength, this.angle);
        this.area = this.calculateArea(this.perimeter, this.apothem);
    }

    calculateApothem = (sideLength, angle) => sideLength / (2 * Math.tan(degreesToRadians(angle)));

    calculatePerimeter = (sideLength, numSides) => sideLength * numSides;

    calculateArea = (perimeter, apothem) => perimeter * apothem / 2;

    printInfo = (numDecimals , unit = this.unit) => console.log(
`Number of sides: ${this.numSides.toFixed(numDecimals)}
Side length: ${this.sideLength.toFixed(numDecimals)}${unit}
Apothem: ${this.apothem.toFixed(numDecimals)}${unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2`)
}

const square1 = new RegularPolygon(4,10,'cm');
square1.printInfo(1)

const triangle1 = new RegularPolygon(3,1,'cm');
triangle1.printInfo(2)

const square2 = new RegularPolygon(4,8.5,"m")
square2.printInfo(5)

const ladoTriangulo1  = 12;
const ladoTriangulo2  = 12;
const baseTriangulo   = 8;
const alturaTriangulo = Math.sqrt((ladoTriangulo1 * ladoTriangulo1) - ((baseTriangulo / 2) * (baseTriangulo / 2)));

const perimetroTriangulo = `${ladoTriangulo1 + ladoTriangulo2 + baseTriangulo} cm`;
const areaTriangulo = `${((baseTriangulo * alturaTriangulo) / 2).toFixed(2)} cm²`;

class Square {
  constructor(size) {
    this.size = size;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.size)}cm`;
  }

  get area() {
    return `${this.calcArea(this.size)}cm2`;
  }

  calcPerimeter(size) {
    return size * 4;
  }

  calcArea(size) {
    return size * size;
  }
}

class Triangle {
  constructor(base, height, size2, size3) {
    this.base = base;
    this.height = height;
    this.size2 = size2;
    this.size3 = size3;
  }

  get perimeter() {
    return `${this.calcPerimeter(this.base, this.size2, this.size3)}cm`;
  }

  get area() {
    return `${this.calcArea(this.base, this.height)}cm2`;
  }

  calcPerimeter(size, size2, size3) {
    return size + size2 + size3;
  }

  calcArea(base, height) {
    return (base * height) / 2;
  }
}

const degreesToRadians = (degrees) => degrees * Math.PI / 180;

class RegularPolygon {
    constructor(numSides, sideLength, unit = "cm") {
        this.sideLength = sideLength;
        this.numSides = numSides;
        this.unit = unit;

        this.angle = 360 / (2 * numSides);
        this.perimeter = this.calculatePerimeter(sideLength, numSides);
        this.apothem = this.calculateApothem(sideLength, this.angle);
        this.area = this.calculateArea(this.perimeter, this.apothem);
    }

    calculateApothem = (sideLength, angle) => sideLength / (2 * Math.tan(degreesToRadians(angle)));

    calculatePerimeter = (sideLength, numSides) => sideLength * numSides;

    calculateArea = (perimeter, apothem) => perimeter * apothem / 2;

    printInfo = (numDecimals , unit = this.unit) => console.log(
`Number of sides: ${this.numSides.toFixed(numDecimals)}
Side length: ${this.sideLength.toFixed(numDecimals)}${unit}
Apothem: ${this.apothem.toFixed(numDecimals)}${unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2`)
}

const square1 = new RegularPolygon(4,10,'cm');
square1.printInfo(1)

const triangle1 = new RegularPolygon(3,1,'cm');
triangle1.printInfo(2)

const square2 = new RegularPolygon(4,8.5,"m")
square2.printInfo(5)

class triangle {
    constructor(side1, side2, side3,unit) {
        this.sides = [side1, side2, side3]
        this.side1 = side1;
        this.side2 = side2;
        this.side3 = side3;
        this.unit = unit;
        
        this.perimeter = this.calculatePerimeter(this.sides)
        this.semiPerimeter = this.perimeter/2;
        this.area = this.calculateArea(this.sides,this.semiPerimeter);
    }
    calculatePerimeter = (sides ) => sides[0]+sides[1]+sides[2]
    calculateArea = (sides , semiPerimeter)=> Math.sqrt((semiPerimeter-sides[0])*(semiPerimeter-sides[1])*(semiPerimeter-sides[2])*semiPerimeter , 2)
    printInfo = (numDecimals, unit = this.unit) => console.log(
`
Number of sides: ${this.sides.length}
Sides length: ${this.sides[0]+ unit} ${this.sides[1]+ unit} ${this.sides[2]+ unit}
Perimeter: ${this.perimeter.toFixed(numDecimals)}${unit}
Area: ${this.area.toFixed(numDecimals)}${unit}^2
`
    )
}

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

Fórmulas matemáticas en JavaScript