Scribd Logo
Upload

Welcome to Scribd!

  • GUIA 4 HTML

    Uploaded by

    Alejandro Gamboa Castro
    14 views3 pages

    Original Title

    GUIA_4_html

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views3 pages

    GUIA 4 HTML

    Uploaded by

    Alejandro Gamboa Castro

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    GUIA NO.

    HTML Y JAVASCRIPT

    JavaScript es un lenguaje de programación creado con el objetivo de integrarse en


    HTML y facilitar la creación de páginas interactivas ejecutadas del lado del cliente.

    El código de programa en Javascript, llamado script, se introduce directamente en el


    código HTML y no necesita ser compilado, es el propio navegador el que se encarga de
    traducir dicho código. NOTA: Es importante que verifiques la compatibilidad de tu
    navegador con Javascript.

    Gracias a Javascript puedes desarrollar programas que se ejecuten directamente en


    el navegador(cliente) de manera que éste pueda efectuar operaciones o decisiones sin
    necesidad de acceder a un servidor.

    Ejercicio no. 1

    Una cuestión importante es que no todos los navegadores pueden soportar Javascript
    o si bien lo soportan, el usuario ha desactivado su intérprete. Cuando el usuario utiliza
    un navegador que no soporta Javascript las etiquetas <script> y </script> son ignoradas
    y se presenta el código en pantalla al entender que sólo es texto. En el siguiente
    ejemplo se ofrece una solución.

    <html>

    <head>

    <title> Ejemplo de ocultar scripts> </title>

    </head>

    <body>

    <script language="JavaScript"

    document.write(“Su navegador soporta Javascript”);

    </script>

    <noscript>

    Su navegador no soporta Javascript

    </noscript>
    </body>

    </html>

    Las etiquetas <noscript></noscript> le proporcionan al usuario información para la


    correcta utilización de la página

    FORMULARIOS EN HTML

    Los formularios son muy útiles cuando necesitamos que el usuario ingrese ciertos
    datos que necesitamos para alguna operación. El problema común en el uso de
    formularios, es que se necesitan filtrar y controlar los valores para que se ajusten a
    lo que realmente necesitamos. Quien no se ha topado con el campo edad en donde
    escribimos “8708789789” o incluso “hjghjjk” y nos acepta dicho valor. El objetivo es
    crear formularios inteligentes, para lo cual la combinación de javascript con html nos
    ayudará bastante.

    Ejercicio no. 2

    Creación de un formulario en html

    Entre las etiquetas de <body></body> de la página, colocamos lo siguiente:

    <form name="formulario">

    <p>Datos<br><input type="text" id=”nombre ” size="10">

    <input type="button" name="boton" value="verifica"

    onClick="verificar()"><br>

    </p>

    </form>

    En donde:

     La etiqueta <form></form> indican el inicio y fin del formulario


     name indica el nombre con el que quieres nombrar a tu formulario
     input type se refiere al tipo de dato que deseas agregar a tu formulario
    o text, se refiere a una caja de texto, donde puedes introducir datos
    o button, se refiere a un botón el cual deberá ejecutar alguna acción
     Ambos elementos pueden tener un nombre (name) y un tamaño
    (size)
     onClick se refiere a que sucederá si se presiona el botón.
    Como puedes ver en el ejemplo anterior, es una página web que verifica si el usuario ha
    introducido algún valor en el campo solicitado.

    El script que debe ir entre las etiquetas <head> y </head> de la página es el


    siguiente:

    <script language="javascript" type="text/javascript">

    function verificar()

    if (document.forms.formulario.nombre.value==””)

    alert(“error el campo esta vacío”);

    else

    alert (“Correcto, se ha introducido un valor”);

    </script>

    ACTIVIDAD.

    1. Realiza los ejercicios anteriores para verificar su funcionamiento


    2. Realiza una página que realice el cálculo de la edad (ejercicio que hicimos en
    flash), debe solicitarnos un dato ( el cual debe validar que no este vacío) y
    posteriormente deberá mostrarnos el valor correspondiente (niño, joven,
    anciano o error en su caso)

    Éxito!!

    You might also like