Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Clase Javascript ES6

    Cargado por

    Kmpos Percy
    6 vistas3 páginas

    Título original

    ClaseJavascriptES6 (2)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    6 vistas3 páginas

    Clase Javascript ES6

    Cargado por

    Kmpos Percy

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    Ingeniería Web – Semana07

    index.html
    <!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">
    <title>Document</title>

    <script src="ecmajs.js"></script>
    </head>
    <body>
    <h1>Probando ECMA JS6</h1>
    <div id="titulo1" style="border: 1px solid red; width: 100px"></div>
    <div id="titulo2" style="border: 1px solid green; width: 100px"></div>
    <div id="multiple" style="border: 1px solid blue"></div>

    <input id='base' type="text" value="1">


    <input id='alto' type="text" value="1">
    <input id='area' type="text" onclick="calArea()">
    <input id='express' type="text" onclick="recoge()">
    <br>
    <h2 id='msj'>Viajando a </h2>

    <h2 id="obj" >Datos objetos: </h2>

    <label for="ban">Banda: </label>


    <input id="banda" type="text"><br>
    <label for="gen">Genero: </label>
    <input id="genero" type="text"><br>
    <label for="dis">Disco: </label>
    <input id="disco" type="text"><br>

    <button onclick="agrupacion()">Crear ;-)</button>


    <div id="datos" style="width: 180px;"> </div>

    <script>
    normal();
    templa();
    multiple();
    mostrarObj();
    asignar();
    </script>
    </body>
    </html>

    Ing. Roger M. Sánchez Chávez pág. 1


    Ingeniería Web – Semana07
    ecmajs.js

    function normal(){
    let a = 5;
    let b =10;
    console.log('Quince es '+(a+b)+' y\nno'
    + (2*a+b)+'.');
    /*document.getElementById('titulo1').innerHTML='\nQuince es '+(a+b)+' y\nno '
    + (2*a+b)+'.'*/
    }

    function templa(){
    let a = 5;
    let b = 10;
    console.log(`Quince es ${a+b} y
    no ${2*a+b}.`);
    /*document.getElementById('titulo2').innerHTML=`Quince es ${a+b} y
    no ${2*a+b}.`;*/
    }

    function multiple(){
    const lenguaje = 'JavaScript';
    const caracteristica = 'Tipado debil';
    const contenedor = document.querySelector('#multiple');
    let lista = `
    <ul>
    <li>Lenguaje: ${lenguaje}</li>
    <li>Caracteristica: ${caracteristica}</li>
    </ul>
    `;
    contenedor.innerHTML = lista;
    }

    var mensaje="";
    function recoge(){
    let b=parseFloat(document.getElementById('base').value);
    let a =parseFloat(document.getElementById('alto').value);
    calculo(b,a);
    mensaje = document.getElementById('msj');
    mensaje.innerHTML += viajando('Inglaterra');//llama funcion flecha
    }
    const calculo = function(base, altura){
    document.getElementById('express').value = base*altura/2;
    }

    //variacion con formulario


    function calArea(){
    let base=parseFloat(document.getElementById('base').value);
    let altura =parseFloat(document.getElementById('alto').value);
    document.getElementById('area').value = base*altura/2;
    }
    //función flecha
    Ing. Roger M. Sánchez Chávez pág. 2
    Ingeniería Web – Semana07
    let viajando = (destino) => {
    return ` la ciudad de ${destino}`;
    }

    //Prueba de objeto en consola


    const persona = {
    nombre: 'Arturo',
    profesion: 'Mecanico',
    edad: 45
    }

    console.log(persona);
    console.log(persona.nombre);
    console.log(persona['nombre']);

    function mostrarObj(){
    document.getElementById('obj').innerHTML += persona.nombre;
    }

    var proys=[];
    function Proyecto (nombre, tipo){
    nom = nombre;
    tip = tipo;
    }
    function asignar(){
    let pry1 = new Proyecto('Despliegue de servidores','Infraestructura');
    let pry2 = new Proyecto('Despliegue de aplicaciones','Desarrollo');
    let pry3 = new Proyecto('Despliegue de redes','Redes');
    proys.push(pry1);
    proys.push(pry2);
    proys.push(pry3);
    console.log(proys);
    }

    //Object literal enhancement


    function agrupacion(){
    const banda = document.getElementById('banda').value;
    const genero = document.getElementById('genero').value;
    const disco = document.getElementById('disco').value;

    const grupo = {banda,genero,disco};


    document.getElementById('datos').innerHTML=`
    Banda: ${grupo.banda}
    Genero: ${grupo.genero}
    Disco: ${grupo.disco}
    `;
    }

    Ing. Roger M. Sánchez Chávez pág. 3

    También podría gustarte