En este post vamos a crear varios ejemplos de javascript que ha permitido que podamos tener más interacción en la web.

A día de hoy gracias a Javascript, a partir de ahora JS, la web ha ganado en interacción y en una mayor versatilidad de interacción con el usuario.

Un lenguaje imprescindible cuando hablamos de web y avanza no solo hacia la parte visual del usuario sino hacia el backend gracias a NodeJS.

Primeros ejemplos de Javascript

JS Ejemplos javascript

Javascript cuenta como todo lenguaje de programación de una serie de estructuras básicas que nos permiten el desarrollo de aplicaciones. En este apartado vamos a ver, mediante ejemplos, esas formas básicas de programación que están presentes en la mayoría de lenguajes.

Variables

Actualmente y gracias al standard ES2015 tenemos varias formas de declarar variables:

La más antigua de todas es var nombreVariable = suvalor

Pero debido a los avances del lenguaje se han creado dos formas nuevas de crear variables:

let nombreVariable = suvalor

const nombreVariable = suvalor

JS Ejemplos javascript

Las nuevas formas de definir variables permiten diferenciar entre variables que permanecen, constantes y las que no permanecen que se escriben mediante la palabra let.

Vamos a ver a partir de ahora ejemplos que nos expliquen como se realizan en JS los diferentes elementales del lenguaje.

Lo primero de todo es saber que el código JS para ser ejecutado debe cumplir una serie de requisitos dentro de un documento html.

En el caso de querer incluir en un mismo documento .html el código JS debe ir incluido entre el siguiente código:

<script>Código a ejecutar de JS</script>

Este código puede ir incorporado en el <head>AQUÍ</head> o dentro del <body>AQUÍ</body>

La alternativa a esta forma de incluir el código en nuestro proyecto es crear un archivo y colocar el enlace a través de la etiqueta <script src="">

Algunos ejemplos los puedes encontrar en el siguiente enlace.

JS Ejemplos javascript

Condicionales

Dentro de las estructuras del propio lenguaje encontramos IF y ELSE, que se utilizan para construir condicionales de este lenguaje.

IF SIMPLE

La estructura que debemos cumplir en este tipo de condicional es la siguiente:

if (condicion){código a ejecutar}

Un ejemplo de este código podría ser:

let a = prompt("Escribe un numero del 1 al 10: ");

let b = parseInt(a)

if (b<5){

document.write("Estas suspenso")

}

IF ELSE

La segunda estructura que vamos a ejemplificar es «IF ELSE2:

let a = prompt("Escribe un numero del 1 al 10: ");

let b = parseInt(a)

if (b<5){

document.write("Estas suspenso")

}else{

document.write("Estas aprobado")

}

IF ELSE CON VARIACIONES

Podemos ampliar las opciones es que podemos utilizar con este condicional de la siguiente manera:

let a = prompt("Escribe un numero del 1 al 10: ");

let b = parseInt(a)

if (b<5){

document.write("Estás suspenso")

}else if (b == 5){

document.write("Has sacado un suficiente")

}else if (b == 6){

document.write("Has sacado un bien")

}else if((b==7)|(b==8)){

document.write("Has sacado un notable")

}else{

document.write("Tu nota es sobresaliente")

}

SWITCH

Para este último ejemplo que hemos visto como condicional que utiliza diferentes opciones existe otra estructura:

switch(condicion){case 1,case 2, case 3, break}

El ejemplo sería:

<script language="JavaScript">
for(var Frutas=1; Frutas<=5; Frutas++)
{

switch (Frutas)
{
case 1 : document.write("Las Naranjas cuestan 100€.");

break;
case 2 : document.write("Las Manzanas cuestan 200€.");
break;

case 3 : document.write("Las Bananas cuestan 50€.");
break;
case 4 : document.write("Las Cerezas cuestan 500€.");
break;

default : document.write("Lo siento, pero esa Fruta no la tenemos.");
}
document.write("<br>");
}
document.write("<br>");
document.write("Desea comprar algo más?");
</script>

JS Ejemplos javascript

Bucles

Tenemos Dis tipos de bucles en programación que son for y while.

FOR

For es un tipo de bucle que repite un bloque de código un número determinado de veces.

La sintaxis que encontramos en este tipo de construcciones es la que vemos a continuación:
for (let = valorinicial; valor final;incremento o decremento);{

código a ejecutar}

Un ejemplo de este tipo de estructura puede ser:

<html> <body>
<script type="text/javascript"> 
let I=0
for (i=0;i<=10;i++){  
document.write("El número es " + i)  document.write("<br />")
};
</script>
</body>
</html>      

JS Ejemplos javascript

WHILE

El blue while nos ofrece una forma de repetir una porción de código.

while (i < 10) {
text += "El numero es " + i;
i++;
}

Funciones y procedimientos

Una función en programación es una parte de código que ejecuta una o varias tareas y retorna un determinado valor. Otra de las características es que pueden recibir parámetros que alteren su funcionamiento.

FUNCTION

function nombre_Función(parámetro){

return parámetro * parámetro

};

CLASS

En ECMASCRIPT 2015 el standard de JS se introducen las clases. Se trata de una mejora en la sintaxis de Javascript, sobre la herencia y los prototipos. Este tipo de mejora nos permite definir mejor los objetos y manejar mejor la herencia.

class Poligono {
constructor(alto, ancho) {
this.alto = alto;
this.ancho = ancho;
}
};

Enlaces a cheat sheets interesantes

Si lo quieres encontrar todavía más resumido aquí tienes varios enlaces interesantes:

https://www.cheatography.com/davechild/cheat-sheets/javascript/

https://www.dummies.com/web-design-development/site-development/javascript-ajax-for-dummies-cheat-sheet/

http://overapi.com/javascript

Reader Interactions

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Share This