Toma el Taller Práctico de JavaScript: Videojuegos

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

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

Reto: calcula otros tipos de promedio

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

Reto: extiende tu análisis salarial

Próximos pasos

Toma el Taller Práctico de JavaScript: Videojuegos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 24

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Sergio Alejandro Saldaña Rangel

hace 2 años

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 😄.

Paul Gutierrez Velasco

hace 2 años

Captura de pantalla 2022-08-20 164823.png

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! 😃

Juan David Reyes

hace 2 años

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

marco antonio

hace 2 años

El código y la page

Génesis Jarlenis Patiño Ynfante

hace 2 años

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/

danielmedina

hace 2 años

Captura de pantalla de 2022-09-12 13-26-26.png

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.

Miguel Angel Hernandez Colombo

hace 2 años

lo logramos!! felicitaciones!
te quiero JuanDC

Jonathan Meixueiro

hace 2 años

Saliendo del taller…

Ricardo Alfonso Chavez Vilcapoma

hace 2 años

Llegaron a este punto pocos…aplausos y hora de un cafecito para celebrar.

Manuel Andres García Vera

hace un año

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

hace 2 años

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

}