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

30
Toma el Taller Práctico de JavaScript: Videojuegos
Viendo ahora

Tomar examen

Toma el Taller Práctico de JavaScript: Videojuegos

Comentarios

Sergio Alejandro Saldaña Rangel

student•

Página: https://ssaldana-dev.github.io/analisis-salarial/ Código: https://github.com/ssaldana-dev/analisis-salarial

Presenté el proyecto con HTML y CSS. Seguiré creciéndolo, gracias por el curso, estuvo buenísimo 😄.

Juan Castro

teacher•

DUUUUUUUUDE ¡Me encanta esta forma de presentar el proyecto! Qué buen trabajo en serio :clap:

Nestor Rios Garcia

student•

Es un buen proyecto, el diseño es simple, pero funcional. Me gusto el tener las listas de salarios dentro un contenedor con su propio scroll, eso evita la molestia de hacer demasiado scroll para ver la sección de proyecciones salariales.

Por cierto, no me arroja ningún resultado la última proyección, las primeras dos funcionan bastante bien.

Paul Gutierrez Velasco

student•

Web: https://paulgutv.github.io/calculadora-promedio-notas/ GitHub: https://github.com/paulgutv/calculadora-promedio-notas

Hice mi proyecto basado en una necesidad de los profesores de mi país. Se trata de una calculadora de promedios, pero en vez de números, ellos promedian letras. Así que lo hice tal cual ellos lo requieren y metí todo lo aprendido hasta ahora: HTML, CSS, JavaScript, animaciones, cálculos matemáticos, mucha documentación y san Google. Me gustó cómo quedó porque es funcional y está bonito. Más adelante seguiré optimizándolo y, si gusta, haré una adaptación para móviles, ya que en un principio lo pensé para escritorio porque lo usarían más por ahí. ¡Gracias por lo enseñado! :)

Duvan Yesid Becerra Rodríguez

student•

Está genial! Tengo una duda, ¿Cómo se hace para la funcionalidad de pegar las calificaciones?

Paul Gutierrez Velasco

student•

Hola y gracias! Lo que hice fue crear un .addEventListener que escuche el tipo de evento "paste".

inputsContainer.addEventListener("paste", pasteInput);

Luego, en la función "pasteInput" inserté un setTimeOut para dar tiempo a que los nuevos datos se peguen y a partir de ahí desplegar una nueva función, ya que el evento "paste" solo escucha cuando se ejecuta un comando de pegado y en ese preciso momento todavía los datos a pegar no han sido ingresados.

setTimeout(pasteOrder, 100);

Ahora, en la función "pasteOrder" creé toda la lógica de la visualización de los datos pegados (juntarlos en un array, ordenarlos, quitar espacios, eliminar letras no permitidas y mostrarlos dentro de los inputs). Como dato extra, encontré que cuando se pega desde Excel, se agregan espacios o "\t" dependiendo de si los datos vienen de más de una fila o columna. Esto se puede solucionar con un ciclo for.

for (let i = 0; i < array.length; i++) {
        if (array[i] == "\t" || array[i] == " ") {
            array.splice(i, 1);
        };
    };

Juan David Reyes

student•

Muchas gracias estuvo muy bueno el curso, aunque un poco largo xD pero valio la pena cada segundo invertido ❤🤗

Génesis Jarlenis Patiño Ynfante

student•

Compañeros, aquí dejo mi repo, agradecería mucho sus feedbacks. https://github.com/genepatino/tuRinconFinanciero

Y mi página. Seguire trabajando en ella >_< https://genepatino.github.io/tuRinconFinanciero/

Ivan de jesus Romero leal

student•

Te quedo increible :)

Génesis Jarlenis Patiño Ynfante

student•

Muchas gracias, Iván 😊

DANIEL MEDINA ARMADA Medina

student•

Esta práctica consiste en tomar una muestra de 1000 personas (https://www.mockaroo.com/)

Crea un Grafico que agrupa los salarios de acuerdo a las propiedades de la lista desplegable:

title
gender
country
city
credit_card
company_name

De acuerdo a estas propiedades, se puede generar un indicador que:

sume,
promedio,
determine la mediana
saque la moda,

De acuerdo a la agrupación previa.

Ivan de jesus Romero leal

student•

Esto es inpirador hermano, que proyecta tan impresionante :)

Miguel Angel Hernandez Colombo

student•

lo logramos!! felicitaciones!

te quiero JuanDC

Jonathan Meixueiro

student•

Saliendo del taller...

Manuel Andres García Vera

student•

les comparto calculadora de interés compuesto, la estética es muy basica ya que no he hecho enfasis en el css, lo importante es la funcionalidad page https://manuel15939.github.io/calculadora-interes-compuesto/ github https://github.com/manuel15939/calculadora-interes-compuesto

Jesus Marquez Martini

student•

hola como estan? estoy muy contento termine el curso y ademas logre crear una calculadora me costo demasiado miren mi nuevo proyecto

<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="style.css">
    <script src="./index.js" defer></script>

    <title>Document</title>
</head>
<body>
    <main>
        <span class="out_put"></span>
        <div class="clear">c</div>
        <div class="division">/</div>
        <div class="mult">x</div>
        <div class="delete">delete</div>
        <div class="seven">7</div>
        <div class="eight">8</div>
        <div class="nine">9</div>
        <div class="minus">-</div>
        <div class="four">4</div>
        <div class="five">5</div>
        <div class="six">6</div>
        <div class="plus">+</div>
        <div class="one">1</div>
        <div class="two">2</div>
        <div class="three">3</div>
        <div class="equal_buttom">=</div>
        <div class="percentage">%</div>
        <div class="zero">0</div>
        <div class="point">.</div>
    </main>
</body>
</html>

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;

}
main{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
    place-items: center;
    align-self: center;
    border: 1px solid black;
    border-radius: 30px;
    width: 90%;
    height: 70%;
    /* justify-content: center;
    align-items: center; */
}
.out_put{
    grid-area: 1 / 1 / 1 / 5;
    border: 1px solid black;
    border-radius: 30px;
    margin: 60px 30px;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.out_put p {
    width: 20px;
    height: 20px;
    border: 1px solid;
    color: black;
    
}
div{
    border: 1px solid black;
    width: 50px;
    height: 50px;
    text-align: center  ;
}
.equal_buttom{
    grid-area: 5 / 4 / 7 / 5;
    height: 100%;
}

const output = document.querySelector('.out_put');
const clear_button = document.querySelector('.clear');
const division_button = document.querySelector('.division');
const mult = document.querySelector('.mult');
const delet_button = document.querySelector('.delete');
const seven = document.querySelector('.seven');
const eight = document.querySelector('.eight');
const nine = document.querySelector('.nine');
const minus_button = document.querySelector('.minus');
const four = document.querySelector('.four');
const five = document.querySelector('.five');
const six = document.querySelector('.six');
const plus = document.querySelector('.plus');
const one = document.querySelector('.one');
const two = document.querySelector('.two');
const three = document.querySelector('.three');
const equal_buttom = document.querySelector('.equal_buttom');
const percentage_button = document.querySelector('.percentage');
const zero = document.querySelector('.zero');
const point = document.querySelector('.point');

let previus_number_display = document.createElement('p')
let current_number_display = document.createElement('p')
let previus_number = 0;
let current_number = 0;
let result = 0
let is_previus_number_available = false;


output.append(previus_number_display, current_number_display)

zero.addEventListener('click', math_zero)
point.addEventListener('click', math_point)
one.addEventListener('click', math_one) 
two.addEventListener('click', math_two) 
three.addEventListener('click', math_three) 
four.addEventListener('click', math_four) 
five.addEventListener('click', math_five) 
six.addEventListener('click', math_six) 
seven.addEventListener('click', math_seven) 
eight.addEventListener('click', math_eight) 
nine.addEventListener('click', math_nine) 


function math_zero() {
    let zero_display = zero.textContent;
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + zero_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + zero_display;
    }
}

function math_point(){
    let point_display = point.textContent;
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + point_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + point_display;
    }
}

function math_one() {
    let one_display = one.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + one_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + one_display;
    }
}

function math_two() {
    let two_display = two.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + two_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + two_display;
    }
}
function math_three() {
    let three_display = three.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + three_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + three_display;
    }
}
function math_four() {
    let four_display = four.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + four_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + four_display;
    }
}
function math_five() {
    let five_display = five.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + five_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + five_display;
    }
}
function math_six() {
    let six_display = six.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + six_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + six_display;
    }
}
function math_seven() {
    let seven_display = seven.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + seven_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + seven_display;
    }
}
function math_eight() {
    let eight_display = eight.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + eight_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + eight_display;
    }
}
function math_nine() {
    let nine_display = nine.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + nine_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + nine_display;
    }
}


plus.addEventListener('click', adding)
function adding(){
    let plus_display = plus.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + plus_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
minus_button.addEventListener('click', minus)
function minus(){
    let minus_display = minus_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + minus_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
mult.addEventListener('click', times)
function times(){
    let times_display = mult.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + times_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
division_button.addEventListener('click', division)
function division(){
    let division_display = division_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + division_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
percentage_button.addEventListener('click', percentage)

function percentage(){
    let percentage_display = percentage_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + percentage_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}

equal_buttom.addEventListener('click', final_result)

function final_result(){
    previus_number = Number(previus_number_display.innerText.slice(0, previus_number_display.innerText.length - 1))
    current_number = Number(current_number_display.innerText)
    just_sign = previus_number_display.innerText.slice(previus_number_display.innerText.length - 1)
    if(just_sign == '+'){
        result = previus_number + current_number
    }
    if ( just_sign == '-'){
        result = previus_number - current_number
    }
    if ( just_sign == 'x'){
        result = previus_number * current_number
    }
    if ( just_sign == '/'){
        result = previus_number / current_number
    }
    if( just_sign == '%'){
        result = (current_number * previus_number) / 100
    }
    clear_all()
    current_number_display.innerHTML = result

}

delet_button.addEventListener('click', delete_number)

function delete_number(){
    current_number_display.innerHTML = current_number_display.innerText.slice(0, current_number_display.innerText.length - 1,);
}

clear_button.addEventListener('click', clear_all)

function clear_all(){
    current_number_display.innerHTML = '';
    previus_number_display.innerHTML = '';
    is_previus_number_available = false

}

Ricardo Alfonso Chavez Vilcapoma

student•

Mi proyecto en mi repositorio de GitHub y la vista de él.

Jesus Marquez Martini

student•

Maria Esther Mendoza Zafra

student•

Les comparto la calculadora que generé: Calculadora

Nestor Rios Garcia

student•

Les presento mi proyecto;

En el pueden encontrar todos los ejercicios que vimos transformado en un sitio real

Me costó mucho tiempo y trabajo, realmente apreciaría que le des un vistazo, te diviertas y me compartas tu feedback 💚💚

Repositorio
Sitio

DANIEL MEDINA ARMADA Medina

student•

Me falto la URL en github

https://danielmedinaarmada.github.io/practicaJSChart/

Nestor Rios Garcia

student•

Me parece un proyecto potencial, la forma de mostrar la información es genial, pero es poco amigable a la vista. Necesita algo de UX/UI. Puedes mejorarlo, saludos.

Ivan de jesus Romero leal

student•

https://ivanromero-io.github.io/Curso-Matematicas-Js/PROYECTO%20FINAL/index.html

aca esta mi proyecto, véanlo esta genial, añadi cosas como brechas salariales y ranking de medianas de empresas :)

Génesis Jarlenis Patiño Ynfante

student•

Súper que hayas incorporado lo que vimos, Ivan o/ también lo iré haciendo con el mio.

Jose Ever Muñoz Muñoz

student•

https://joseg3r.github.io/Taller-matematicas/

Gualberto Montiel

student•

Asi quedo :

Proyecto Online

Andres Badillo

student•

Aquí mi proyecto, que he venido haciendo desde el curso práctico de JavaScript:
Repositorio: GitHub
Page: Calculadoras

jefred bedoya

student•

Este es el link a mi proyecto realizado

este es el repositorio de GitHub

Juan David Santamaria Gomez

student•

excelente curso

<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="style.css">
    <script src="./index.js" defer></script>

    <title>Document</title>
</head>
<body>
    <main>
        <span class="out_put"></span>
        <div class="clear">c</div>
        <div class="division">/</div>
        <div class="mult">x</div>
        <div class="delete">delete</div>
        <div class="seven">7</div>
        <div class="eight">8</div>
        <div class="nine">9</div>
        <div class="minus">-</div>
        <div class="four">4</div>
        <div class="five">5</div>
        <div class="six">6</div>
        <div class="plus">+</div>
        <div class="one">1</div>
        <div class="two">2</div>
        <div class="three">3</div>
        <div class="equal_buttom">=</div>
        <div class="percentage">%</div>
        <div class="zero">0</div>
        <div class="point">.</div>
    </main>
</body>
</html> 

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;

}
main{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
    place-items: center;
    align-self: center;
    border: 1px solid black;
    border-radius: 30px;
    width: 90%;
    height: 70%;
    /* justify-content: center;
    align-items: center; */
}
.out_put{
    grid-area: 1 / 1 / 1 / 5;
    border: 1px solid black;
    border-radius: 30px;
    margin: 60px 30px;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.out_put p {
    width: 20px;
    height: 20px;
    border: 1px solid;
    color: black;
    
}
div{
    border: 1px solid black;
    width: 50px;
    height: 50px;
    text-align: center  ;
}
.equal_buttom{
    grid-area: 5 / 4 / 7 / 5;
    height: 100%;
}

const output = document.querySelector('.out_put');
const clear_button = document.querySelector('.clear');
const division_button = document.querySelector('.division');
const mult = document.querySelector('.mult');
const delet_button = document.querySelector('.delete');
const seven = document.querySelector('.seven');
const eight = document.querySelector('.eight');
const nine = document.querySelector('.nine');
const minus_button = document.querySelector('.minus');
const four = document.querySelector('.four');
const five = document.querySelector('.five');
const six = document.querySelector('.six');
const plus = document.querySelector('.plus');
const one = document.querySelector('.one');
const two = document.querySelector('.two');
const three = document.querySelector('.three');
const equal_buttom = document.querySelector('.equal_buttom');
const percentage_button = document.querySelector('.percentage');
const zero = document.querySelector('.zero');
const point = document.querySelector('.point');

let previus_number_display = document.createElement('p')
let current_number_display = document.createElement('p')
let previus_number = 0;
let current_number = 0;
let result = 0
let is_previus_number_available = false;


output.append(previus_number_display, current_number_display)

zero.addEventListener('click', math_zero)
point.addEventListener('click', math_point)
one.addEventListener('click', math_one) 
two.addEventListener('click', math_two) 
three.addEventListener('click', math_three) 
four.addEventListener('click', math_four) 
five.addEventListener('click', math_five) 
six.addEventListener('click', math_six) 
seven.addEventListener('click', math_seven) 
eight.addEventListener('click', math_eight) 
nine.addEventListener('click', math_nine) 


function math_zero() {
    let zero_display = zero.textContent;
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + zero_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + zero_display;
    }
}

function math_point(){
    let point_display = point.textContent;
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + point_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + point_display;
    }
}

function math_one() {
    let one_display = one.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }
    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + one_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + one_display;
    }
}

function math_two() {
    let two_display = two.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + two_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + two_display;
    }
}
function math_three() {
    let three_display = three.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + three_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + three_display;
    }
}
function math_four() {
    let four_display = four.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + four_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + four_display;
    }
}
function math_five() {
    let five_display = five.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + five_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + five_display;
    }
}
function math_six() {
    let six_display = six.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + six_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + six_display;
    }
}
function math_seven() {
    let seven_display = seven.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + seven_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + seven_display;
    }
}
function math_eight() {
    let eight_display = eight.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + eight_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + eight_display;
    }
}
function math_nine() {
    let nine_display = nine.textContent;
    if(current_number_display.textContent == '0'){
            delete_number()
    }

    if( is_previus_number_available) {
        previus_number_display.innerHTML = previus_number_display.textContent + nine_display;
    } else {
        current_number_display.innerHTML = current_number_display.textContent + nine_display;
    }
}


plus.addEventListener('click', adding)
function adding(){
    let plus_display = plus.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + plus_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
minus_button.addEventListener('click', minus)
function minus(){
    let minus_display = minus_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + minus_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
mult.addEventListener('click', times)
function times(){
    let times_display = mult.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + times_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
division_button.addEventListener('click', division)
function division(){
    let division_display = division_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + division_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}
percentage_button.addEventListener('click', percentage)

function percentage(){
    let percentage_display = percentage_button.textContent;
    previus_number_display.innerHTML = current_number_display.textContent + percentage_display;
    current_number_display.innerHTML = ''; 
    is_previus_number_available = false
}

equal_buttom.addEventListener('click', final_result)

function final_result(){
    previus_number = Number(previus_number_display.innerText.slice(0, previus_number_display.innerText.length - 1))
    current_number = Number(current_number_display.innerText)
    just_sign = previus_number_display.innerText.slice(previus_number_display.innerText.length - 1)
    if(just_sign == '+'){
        result = previus_number + current_number
    }
    if ( just_sign == '-'){
        result = previus_number - current_number
    }
    if ( just_sign == 'x'){
        result = previus_number * current_number
    }
    if ( just_sign == '/'){
        result = previus_number / current_number
    }
    if( just_sign == '%'){
        result = (current_number * previus_number) / 100
    }
    clear_all()
    current_number_display.innerHTML = result

}

delet_button.addEventListener('click', delete_number)

function delete_number(){
    current_number_display.innerHTML = current_number_display.innerText.slice(0, current_number_display.innerText.length - 1,);
}

clear_button.addEventListener('click', clear_all)

function clear_all(){
    current_number_display.innerHTML = '';
    previus_number_display.innerHTML = '';
    is_previus_number_available = false

}

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

Playground: Calcula la Altura de un Triángulo Escaleno

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Playground: Encuentra el ID

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

Playground: Transforma Objetos en Arrays

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

Toma el Taller Práctico de JavaScript: Videojuegos