Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laboratorio Practico

    Diunggah oleh

    Brian Veliz
    59 tayangan3 halaman
    Desarrollo de entorno Web para desarrolladores en Javascript

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Desarrollo de entorno Web para desarrolladores en Javascript

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    59 tayangan3 halaman

    Laboratorio Practico

    Diunggah oleh

    Brian Veliz
    Desarrollo de entorno Web para desarrolladores en Javascript

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    GUIA PRACTICA 1

    CURSO : Desarrollo de Entornos Web


    SEMESTRE : 2018
    TEMA : Fundamentos de JavaScript

    Consideraciones generales:
    • Lea con cuidado todas las indicaciones.
    • Debe crear un sitio web llamado Laboratorio1 en una carpeta con el nombre
    Laboratorio01

    EJERCICIO 1.

    • Crea la página html pagina1.html

    <!DOCTYPE html>
    <html>
    <body>

    <h1>Mi primera página</h1>


    <p>Mi primer párrafo</p>

    <p id="demo"></p>

    </body>
    </html>

    • Escribe el texto “Bienvenido a DEW” usando la etiqueta <script> dentro del


    documento
    • Escribe el texto “Bienvenido a DEW 2” usando la etiqueta <script> asociado al
    documento

    EJERCICIO 2.

    • Crea la página html pagina2.html con el mismo código del ejercicio 1


    • Utiliza código JS para ingresar tu nombre, una pregunta y mostrar lo ingresado
    • Escribe los siguientes códigos y observa el resultado:
    • document.getElementById("demo").innerHTML = 5 + 6;
    • document.write(5 + 6);
    • window.alert(5 + 6);
    • console.log(5 + 6);

    EJERCICIO 3

    • Crea la página html pagina3.html con el mismo código del ejercicio 1


    • Escribe los siguientes códigos y observa el resultado:

    var x, y, z;
    x = 5;
    y = 6;
    z = x + y;
    document.getElementById("demo").innerHTML =
    "El valor de z es " + z + ".";

    • Mejora la aplicación para poder ingresar los valores para x e y:

    EJERCICIO 4

    • Crea la página html pagina4.html con el mismo código del ejercicio 1


    • Escribe los siguientes códigos y observa el resultado:

    var hour = new Date().getHours();


    var greeting;
    if (hour < 18) {
    greeting = "Buenos días";
    } else {
    greeting = "Buenas noches";
    }
    document.getElementById("demo").innerHTML = greeting;
    }

    • Observa la siguiente modificación:

    var greeting;
    var time = new Date().getHours();
    if (time < 10) {
    greeting = "Buenos días";
    } else if (time < 20) {
    greeting = "Buenas tardes";
    } else {
    greeting = "Buenas noches";
    }
    document.getElementById("demo").innerHTML = greeting;

    EJERCICIO 5

    • Crea la página html pagina5.html con el mismo código del ejercicio 1


    • Realiza el ingreso de un usuario y clave y valida el acceso (admin y 12345),
    mostrando los mensajes de correcto e incorrecto

    EJERCICIO 6

    • Crea la página html pagina6.html con el mismo código del ejercicio 1


    • Escribe los siguientes códigos y observa el resultado:

    var text = "";


    var i;
    for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML = text;

    //
    var i;
    for (i = 0; i < 10; i++) {
    document.getElementById("demo").innerHTML += i + "<br>";
    }

    //

    • Mejora la aplicación para mostrar lo siguiente:


    • Números del 5 al 50 de 5 en 5 con salto de línea entre cada número
    • Números del 10 al 1 con salto de línea entre cada número.
    • Números 1 3 5 7 9 con salto de línea entre cada número.

    Anda mungkin juga menyukai