Programa | Alura Latam - Cursos online de tecnologia

<!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>Programa</title>
</head>
<h4 class="titulo">Lógica de programación parte 1:</h4>
<div id="contenedorOperaciones"></div>
<div id="contenedorVariables"></div>
<div id="tablasMultiplicar"></div>

<body class="body">
    <style>
        .body {
            background-color: azure;
            margin: 20px;
        }

        .titulo {
            color: coral;
            font-size: 1em;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .parrafo {
            color: black;
            font-size: 0.7em;
            font-family: Arial, Helvetica, sans-serif;
        }
    </style>
    <script>
        /*----- Aca inicia aprendiendo operaciones con textos y numeros ------ */

        document.write("<h4 class='titulo'>* Aprendiendo operaciones con textos y numeros. </h4>");
        document.write("<p class='parrafo'>Juan nació en el año: " + (2000 - 12) + "</p>");
        document.write("<p class='parrafo'>Pedro nació en el año: " + (2005 - 6) + "</p>");
        document.write("<p class='parrafo'>Carlos nació en el año: " + (1997 + 6) + "</p>");
        document.write("<p class='parrafo'>La suma de edades de Juan, Pedro y carlos  es: " + (34 + 17 + 19) + " años</p>");
        document.write("<br>");

        /*----- Aca termina aprendiendo operaciones con textos y numeros ------ */

        /*----- Aca inicia las variables ------ */

        //Defino las variables que van a contener las edades y nombres de las mujeres.
        var edadJimena = 16;
        var edadPaula = 18;
        var edadLaura = 21;

        var nombre1 = "Jimena";
        var nombre2 = "Paula";
        var nombre3 = "Laura";

        promedio = (edadJimena + edadPaula + edadLaura);

        document.write("<h4 class='titulo'>* Aprendiendo variables. </h4>");
        document.write("<p class='parrafo'>La edad de Jimena es: " + edadJimena + " años.</p>");
        document.write("<p class='parrafo'>La edad de Paula es: " + edadPaula + " años.</p>");
        document.write("<p class='parrafo'>La edad de Laura es: " + edadLaura + " años.</p>");
        document.write("<p class='parrafo'>El promedio de edades de las 3 mujeres es: " + Math.round(promedio) + " años.</p>");

        /*----- Aca termina las variables ------ */
    </script>
</body>
</html>