Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Programacion Parte2 JavaSript

    Cargado por

    Rafael Lugo
    11 vistas26 páginas
    Introducción a JavaScript-Parte 1

    Título original

    Programacion_Parte2_JavaSript

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Introducción a JavaScript-Parte 1

    Copyright:

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

    Programacion Parte2 JavaSript

    Cargado por

    Rafael Lugo
    Introducción a JavaScript-Parte 1

    Copyright:

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

    Introduccin a los Lenguajes

    De Programacin

    JavaScript

    1. CARACTERSTICAS ESENCIALES DE JS
    1. Creado por NetsCape. Extensin de HTML.
    2. Objetivo: Interactividad directa en la Web.
    3. Lenguaje orientado a objetos.
    4. Lenguaje de scripting del lado del cliente. No se requiere
    acceder al servidor.
    5. No requiere compilador. Es interpretado por el navegador.
    6. Es un lenguaje Case Sensitive.

    2. INSERTAR CDIGO JAVASCRIPT EN HTML


    2.1 Primer mtodo:
    <html><body>
    <script type=text/javascript>
    document.write(Primer Ejemplo);
    </script>
    </body></html>

    2. CDIGO BSICO DE JS EN HTML


    2.2 Segundo mtodo:
    <html><body>
    <script language = JavaScript>
    document.write(Primer Ejemplo);
    </script>
    </body></html>

    2. CDIGO BSICO DE JS EN HTML


    2.3 Tercer mtodo:
    Dentro del <BODY> como evento de HTML

    <html>
    <head> </head>
    <body onload="alert('Hola, esto es una pgina web')">
    Escribir un texto
    </body> </html>

    2. CDIGO BSICO DE JS EN HTML


    2.4 Cuarto mtodo:
    Por fuera del <BODY> como evento de HTML

    <html><body>
    <form>
    <input type="button" value="ACEPTAR"
    onClick="alert('GRACIAS POR ACEPTAR')">
    </form>
    </body></html>

    2. CDIGO BSICO DE JS EN HTML


    2.5 Cuarto mtodo:
    Ventana de alerta usando etiqueta <Script>

    <html><body>
    <script type="text/javascript">
    alert("VENTANA DE ALERTA");
    </script>
    </body></html>

    3. COMENTARIOS
    3.1 Comentarios de una solo lnea:
    // Comentario de una sola lnea
    // *********************************
    3.2 Comentarios de varias lneas:
    /*
    Se inicia el comentario de varias lneas
    Contina el comentario de varias lneas
    Finaliza el comentario de varias lneas
    */

    4. USO DE CORCHETES PUNTO Y COMA

    Definir fragmentos de cdigo


    {
    Fragmento de cdigo
    }
    Separar sentencias en una misma lnea
    Finalizar sentencias que ocupen varias lneas
    ;

    EJEMPLO 1
    <html><body>
    <script language="JavaScript">
    for(cuenta=1; cuenta<10; cuenta ++)
    {
    alert("Warning!!\rWarning!!")
    }
    </script>
    </body></html>

    6. VARIABLES
    Declaracin de Variables:
    var nombre;
    Ejemplos:

    var dato1;
    var prom_geom;

    Nota:
    Se deben declarar o definir antes de utilizarlas.
    Globales: En cualquier parte del cdigo.
    Locales: Dentro de la funcin que la utiliza.

    Tipos de Variables:
    Cadena

    Contiene un texto entre


    comillas.

    Var a=Colombia;
    b=78687549;
    c= ;

    Numrica

    Contiene un nmero en base


    10, 8, 16.

    Var=num;
    num=789;
    num=017;
    num=0x9af

    Coma
    Flotante

    Contiene un nmero decimal o var num;


    en notacin cientfica
    num=10.57;
    num=15.25E+8;

    Booleana

    Contiene una respuesta en un


    proceso de decisin: True,
    False.

    Undefined

    Indefinidas, no tienen valor


    asignado.
    const cod=987;
    const cel=555;

    Constante

    var=respuesta;
    respuesta=false;
    respuesta=true;

    Palabras Reservadas:
    abstract
    case
    const
    double
    final
    function
    input
    long
    packaged
    return
    switch
    throws
    var

    boolean
    catch
    continue
    else
    finally
    goto
    in
    native
    private
    short
    synchronized
    transient
    val

    break
    char
    default
    extends
    flota
    int
    instanceof
    new
    protected
    static
    this
    trae
    while

    byte
    class
    do
    false
    for
    implements
    interface
    null
    public
    super
    throw
    try
    with

    7. OPERADORES
    7.1 Aritmticos
    Suma / Concatenacin

    v=a+b;

    Resta - Negacin

    v=a-b;

    Multiplicacin

    v=a*b;

    Divisin

    v=a/b;

    Mdulo Resto

    v=a%b;

    Incremento

    ++

    Decremento

    --

    7.2 Lgicos
    Conjuncin

    &&

    P&&Q

    Disjuncin

    ||

    P||Q

    Negacin

    A=!P

    COMPARACIN

    Igualdad
    Diferente
    Mayor que
    Mayor o Igual que
    Menor que
    Menor o Igual que

    ==
    =
    >
    >=
    <
    <=

    P==Q
    P!=Q
    P>Q
    P>=Q
    P<Q
    P<=Q

    8. LECTURA ESCRITURA - ASIGNACIN


    Escritura de un mensaje:
    document.write("Ingrese valor de a",'<BR/>');
    document.write("Resultado = ",variable,'<BR/>');
    Lectura o entrada de un dato:
    var dato;
    document.write("Ingrese dato", "<br>");
    dato = prompt();
    var dato;
    dato = prompt("Ingrese dato", "<br>");

    Sintaxis:
    variable=prompt("Mensaje","Valor inicial");
    Asignacin Operacin:
    Resultado = Variable1 + Variable2;
    document.write("Resultado = ",Resultado,'<BR/>');
    Resultado = Variable1 + Variable2;
    alert("Resultado = + Resultado);

    EJEMPLO (SUMA 1):

    <html><body>
    <script language="javascript">
    var a, b, suma;
    document.write("Ingrese valor de
    a",'<BR/>');
    a=prompt();
    document.write("Ingrese valor de
    b",'<BR/>');
    b=prompt();
    suma=a+b;
    document.write("Suma =
    ",suma,'<BR/>');
    </script>
    </body></html>

    EJEMPLO (SUMA 2):


    <html><body>
    <script language="javascript">
    var a, b, suma;
    document.write("Ingrese valor de
    a",'<BR/>');
    a=prompt();
    document.write("Ingrese valor de
    b",'<BR/>');
    b=prompt();
    suma=parseInt(a)+parseInt(b);
    alert("Suma = " + suma);
    </script>
    </body></html>

    EJERCICIO:

    Elaborar un programa que:


    -Reciba dos nmeros
    -Realice las operaciones:
    Suma
    Resta
    Multiplicacin
    Divisin
    Mdulo o Resto
    -Muestre en pantalla el resultado de cada operacin.

    Ejercicio Resuelto (Resto):


    <html><body>
    <script language="javascript">
    var a, b, resto;
    document.write("Ingrese valor de a",'<BR/>');
    a=prompt();
    document.write("Ingrese valor de b",'<BR/>');
    b=prompt();
    resto=a%b;
    alert("Resto = " + resto);
    </script>
    </body></html>

    5. FORMAS DE MANEJAR EL CDIGO

    Insertar el cdigo del Script en un documento html.

    El cdigo del Script es externo al documento.


    El cdigo del Script se guarda en un documento .js
    El documento .js no tiene la etiqueta <Script>
    El contenido del Script es llamado o vinculado desde
    un documento .html

    EJEMPLO 2:
    Cdigo del Script externo:

    Cdigo del Script

    Nota:
    Este cdigo se guarda con extensin .js
    Por ejemplo: FechaHoy.js

    EJEMPLO 2: (CONTINUACIN)
    Cdigo del documento HTML:
    <html><body>
    <Script language=JavaScript src=FechaHoy.js>
    </Script>
    </body></html>

    Utilidades:
    Creacin de librera de Scripts reutilizables, que puedan ser
    llamados en cualquier momento por cualquier documento.
    Se reduce el cdigo del documento HTML.

    También podría gustarte