Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Estructura Condicional

    Cargado por

    Gloria Violeta Bolaños
    7 vistas10 páginas
    Ok

    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
    Ok

    Copyright:

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

    Estructura Condicional

    Cargado por

    Gloria Violeta Bolaños
    Ok

    Copyright:

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

    21-3-2023

    MATERIA: Desarrolla
    aplicaciones que se
    ejecutan en el cliente.
    Docente: Ing. Alma Mynelli
    Sampayo Lira
    Grupo: 4AVP
    Especialidad: Programación
    Fecha: 21-03-2023
    Alumno: Tavera Bolaños
    Tulio Jared
    1.Primero creamos una carpeta en archivos luego la arrastramos a
    visual studio
    2.ahi en nuestra carpeta creamos un nuevo “File “con terminación
    en .HTML
    Dentro del documento

    3.Aquí en el documento escribimos HTML y seleccionamos HTML 5


    esto nos creara todo lo necesario para que el programa funcione
    ACTIVIDAD 1

    • Estas líneas crean la sección principal del documento HTML. La etiqueta


    <body> es un contenedor para todo el contenido visible en la página web.
    • La línea <h1>Validar edad</h1> crea un encabezado principal para la
    página.
    • La etiqueta <form> crea un formulario que contiene dos campos de entrada
    (<input>) para que el usuario ingrese su nombre y edad. El atributo
    id="ageForm" se utiliza para identificar el formulario en el código JavaScript.
    Los atributos for y name se utilizan para identificar los campos de entrada
    en el código JavaScript.
    • Las etiquetas <label> se utilizan para etiquetar los campos de entrada con
    texto legible para el usuario.
    • Los campos de entrada de nombre y edad se definen utilizando las etiquetas
    <input>. El tipo de entrada para el campo de nombre es "text", y el tipo de
    entrada para el campo de edad es "number". El atributo required se utiliza
    para obligar al usuario a completar ambos campos.
    • La etiqueta <button> crea un botón que se utiliza para enviar el formulario.
    • La etiqueta <p> se utiliza para crear un elemento de párrafo vacío con el ID
    "result". Este elemento se utiliza en el código JavaScript para mostrar el
    resultado de la validación de edad.
    • La etiqueta <script> se utiliza para incrustar código JavaScript en la página.
    Este será el resultado:

    Actividad 2

    Explicación for
    • La línea <!DOCTYPE html> indica que el documento es un documento
    HTML5.
    • La etiqueta <html> es el contenedor raíz para todo el documento HTML.
    • La sección <head> contiene metadatos sobre el documento, como el
    conjunto de caracteres y el título de la página.
    • La etiqueta <meta> especifica metadatos adicionales, en este caso el
    conjunto de caracteres UTF-8.
    • La etiqueta <title> especifica el título de la página, que se mostrará en la
    pestaña del navegador.
    • La etiqueta <body> es el contenedor principal para el contenido visible de la
    página.
    • La etiqueta <script> se utiliza para incrustar código JavaScript en la página.
    • La estructura de repetición for se utiliza para repetir una tarea un número
    conocido de veces. En este caso, se establece una variable i en 1, se
    especifica una condición de repetición i <= 200, y se incrementa la variable
    i en 1 en cada iteración. El código dentro del bloque de la estructura de
    repetición se ejecuta 200 veces, mostrando el texto "Mi nombre" y una línea
    nueva (<br>) en cada iteración, utilizando la función document.write().
    •
    Explicacion while
    • Las líneas <!DOCTYPE html>, <html>, <head>, <meta>, y <title> son iguales
    a la solución anterior, por lo que no se repetirá la explicación de estas líneas.
    • La etiqueta <body> es igual a la solución anterior.
    • La etiqueta <script> es igual a la solución anterior.
    • La estructura de repetición while se utiliza para repetir una tarea mientras
    se cumpla una condición. En este caso, se inicializa una variable i en 1, y se
    especifica la condición de repetición i <= 200. El código dentro del bloque
    de la estructura de repetición se ejecuta mientras se cumpla esta condición,
    mostrando el texto "Mi nombre" y una línea nueva ( <br>) en cada iteración
    utilizando la función document.write(), y luego se incrementa la variable i
    en 1. El ciclo se detiene cuando la condición i <= 200 no se cumple más.

    EL Resultado es igual en ambos casos


    ACTIVIDAD 2.1

    Este código es muy similar al ejemplo anterior, pero la estructura de repetición for se
    utiliza para imprimir los números del 50 al 200 en lugar de imprimir el nombre 200 veces.
    En cada iteración del ciclo, se muestra el valor de la variable i (que comienza en 50 y
    termina en 200), y se agrega una línea nueva (<br>) para separar los números en líneas
    distintas. El código se ejecuta dentro de la etiqueta <script> en el cuerpo del documento
    HTML.

    FOR Explicación
    En este caso, se utiliza la estructura de repetición while para imprimir los números del 50
    al 200. Primero se inicializa la variable i con el valor de 50. Luego, mientras i sea menor o
    igual a 200, se ejecuta el cuerpo del ciclo que imprime el valor de i y agrega una línea
    nueva (<br>). Finalmente, se incrementa el valor de i en 1 en cada iteración, para que
    eventualmente el ciclo termine cuando i sea mayor que 200.

    WHILE Explicación
    RESULTADO:
    ACTIVIDAD 2.2

    Explicación
    En este ejemplo, se define un arreglo diasSemana que contiene los nombres de los días
    de la semana. Luego, se utiliza un ciclo for para recorrer el arreglo e imprimir cada uno de
    los días de la semana, seguido de una línea nueva (<br>). También se utiliza
    document.write para imprimir un mensaje que indica cuántos elementos tiene el arreglo
    diasSemana. El código se ejecuta dentro de la etiqueta <script> en el cuerpo del
    documento HTML.

    Resultado
    ACTIVIDAD 3

    Explicación
    En este ejemplo, se define una función llamada "Saludo" que utiliza document.write para
    imprimir un mensaje de saludo en el navegador. Luego, se llama a la función Saludo para
    que se ejecute y se muestre el mensaje en el navegador. El código se ejecuta dentro de la
    etiqueta <script> en el cuerpo del documento HTML.

    Resultado

    También podría gustarte