Javascript

 Javascript es un lenguaje de programación orientado a objetos que permite implementar funciones complejas en páginas web.

Los archivos Javascript tienen extensión .js

Las instrucciones se denominan declaraciones y deben ir separadas por punto y coma (;)

VARIABLES

En Javascript podemos definir varios tipos de variables: de tipo texto (string), numéricas (integer, number), booleanas, array, objetos y funciones

Las variables pueden declararse con var o let

Los comentarios se escriben con // para una línea o /*   */ para varias líneas


ESTRUCTURAS DE CONTROL

CONDICIONAL  if/else

Ejemplo:

let nota=4;
let calificacion = "";
//condición
if (nota >= 3) {
    // acción si es verdad
     calificacion = "Aprobado";
}
else {
      // acción si es falso
       calificacion = "Reprobado";
}
alert('Estoy  ' + calificacion);


CONDICIONAL switch

Ejemplo

let nota=4;
let calificacion = "";

switch (nota) {
case 5:
case 4: 
    calificacion = "Sobresaliente";
    break;
case 3:
     calificacion = "Aprobado";
     break;
case 2:
case 1:
      calificacion = "Reprobado";
      break;
case 0:
      calificacion = "Ineficiente";
      break;
default:
      // en caso de otro valor
      calificacion = "Nota erronea";
      break;
}

alert('Estoy  ' + calificacion);


ESTRUCTURA DE REPETICION while

var veces = 0;
while (veces < 4) {
     alert ("repeticion " + veces);
    veces++;
}


ESTRUCTURA DE REPETICION for

for (var veces=0; veces < 4; veces++) {
         alert ("repeticion " + veces);
}


FUNCIONES

Una función es un conjunto reutilizables de declaraciones para realizar una tarea específica.

Las funciones pueden recibir parámetros y por lo general devuelven un valor al finalizar su ejecución.

Ejemplo:

function Suma (num1. num2) {
      return num1 + num2;
}

la función puede invocarse

suma(10, 5);


Lo veremos dentro de un ejemplo práctico:

En html haremos un formulario:

<html>
    <head>
        <title>Formulario animado</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
            <form>
                <label for="nombre">Nombre</label>
                <input type="text" id="nombre" placeholder="Escribe tu nombre">
    
                <label for="nombre">Dirección</label>
                <input type="text" id="direccion" placeholder="Escribe tu dirección">

                <label for="email">Email</label>
                <input type="email" id="email" placeholder="Escribe tu email">

                <label for="mensaje">Mensaje</label>
                <textarea id="mensaje" placeholder="Escribe tu mensaje"></textarea>

                <input type="submit" value="Enviar">
        </form>
    </body>
</html>


Para vincular un archivo Javascript, al html, se incluye la etiqueta <script> antes del cierre del <body> de la siguiente manera:

<script type="text/javascript" src="archivojavascript.js"></script>

Ahora se hará la validación de los datos, en un archivo javascript:

var validar = function(){
var name = document.getElementById("nombre").value;
var dir = document.getElementById("direccion").value;
var mail = document.getElementById("email").value;
if (name == "") {
alert("Debe Registrar un Nombre");
} else {if (dir == "") { 
alert("Debe Registrar una Dirección");
} else {if (mail == "") {
alert("Debe Registrar un correo");
} else {if (mensaje == "") {
alert("Debe Registrar un Mensaje");
}
}
}
}
}






No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios (Atom)

Asistencia

  Para registrar su asistencia, haga click AQUI

  • Asistencia
      Para registrar su asistencia, haga click AQUI