Mostrando entradas con la etiqueta javascript de cero. Mostrar todas las entradas
Mostrando entradas con la etiqueta javascript de cero. Mostrar todas las entradas

sábado, 1 de junio de 2019

Curso desde cero de JavaScript Capítulo 5 - El método prompt()

  3:45 TheHittos   , , , , , , , , , ,   1 comment   Edit

Curso desde cero de JavaScript Capítulo 5 - El método prompt()

JavaScript operadores incremento y decremento


La finalidad del método prompt() es mostrar mensajes como los alert(). Además, prompt() a parte de mostrar un mensaje, deja un espacio para que el usuario introduzca información, por lo que nos encontramos con un método de salida y entrada de datos.

Vamos a ver un ejemplo práctico:

Ejemplo práctico de prompt en JavaScript

<script>
  
     var nombreUsuario;
    
     nombreUsuario = prompt ("Introduce un nombre de usuario");
     
     alert ("Bienvenido/a: " + nombreUsuario);

</script>

Resultado

Primero me aparece la ventana del prompt(). Me pide un nombre de usuario:

prompt javascript

Le introduzco el nombre de usuario:

prompt javascript

Me saluda el alert() con un saludo personalizado extraído de la variable nombreUsuario.

alert javascript

jueves, 30 de mayo de 2019

Curso desde cero de JavaScript Capítulo 2 - Variables

  3:58 TheHittos   , , , , , , , ,   No comments   Edit

Curso desde cero de JavaScript Capítulo 2 - Variables

JavaScript Ubicación etiqueta <script>

Las variables son muy importantes en todo lenguaje de programación. Permiten hacer nuestros programas dinámicos.



Una variable puede tener 3 tipos de datos básicos:

-Números.
-Strings (cadenas de texto).
-Booleans (true, false).

Reglas de las variables en JavaScript

-Son case sensitive (distinguen entre mayúsculas y minúsculas).
-No pueden ser palabras reservadas de JavaScript (míralas aquí).
-Tienen que empezar por una letra, símbolo "$" o "_".
-Tienen que contener solo letras, números, el símbolo "$" y el símbolo "_".




Además de estas reglas, te recomendaría que los nombres de tus variables sean descriptivos, así te será más fácil en el futuro editar tu programa o que otros lo hagan.

Veamos unos ejemplos, que es como mejor se aprende.

Sintaxis de las variables en JavaScript

Variable declarada sin iniciar:

  var nombreVariable;

Variable declarada iniciada:

  var nombreVariable=480;

 Declaración de varias variables en la misma línea sin declarar:

  var nombre,apellidos,edad;

 Declaración de varias variables en la misma línea sin declarar:

  var nombre="Jaime", apellidos="Gomila Molina", edad=18;

Ejemplo práctico de variables en JavaScript

En este ejemplo, empiezo declarando la variable nombre sin darle valor, se lo doy en la siguiente línea.



Después declaro dos variables más en una misma línea, apellidos y edad.
Les doy valor en otras dos líneas.
Finalmente he escrito un alert para que me muestre el resultado en el navegador. Simplemente se trata de texto (cadenas de texto) concatenado con el símbolo más con las variables.
Por si no sabes que es concatenar, te lo explico. Concatenar es unir dos o más trozos de código, en JavaScript se hace con el símbolo +.

<script>
  
 var nombre;
  
 nombre="Julia";
  
 var apellidos,edad;
  
 apellidos="Alonso Blanco";
  
 edad=29;
  
 alert("Mi nombre es: " + nombre + " " + apellidos + " y tengo " + edad + " años." );
 
</script>

 Resultado
Alert JavaScript

miércoles, 29 de mayo de 2019

Curso desde cero de JavaScript Capítulo 1 - Ubicación del código

  10:03 TheHittos   , , , , , , ,   No comments   Edit

Curso desde cero de JavaScript Capítulo 1 - Ubicación del código

JavaScript Ubicación etiqueta <script>


Voy a empezar este curso en JavaScript desde cero para aquellos que no tengan ningún tipo de conocimientos en él. Los que ya sepáis algo, esperar un poco a que salgan unos cuantos tutoriales básicos para ir viendo cosas más avanzadas.



Debes saber que para hacer este curso, debes tener conocimientos en HTML (no hace falta ser un experto) y convendría que también tuvieras de CSS.
El código de JavaScript lo deberás escribir en una página .html o en una página .js de JavaScript.
Si escribes código de JS en una página HTML, deberás etiquetarlo con la etiqueta <script></script>.

Sintaxis de JavaScript - Dónde se pone la etiqueta <script>

En la primera etiqueta <script>, <script src="hola_mundo.js"></script> estoy enlazando a una página externa al documento (más abajo, en el segundo ejemplo tienes el código que va en dicha página), de forma similar a como se enlazaría una página externa CSS.

En el segundo script tengo un sencillo alert en el <head> que lo que hace es mostrar una ventanita en el navegador con el mensaje "¡Hola mundo!".
En el <body> tengo el mismo código.




Con los tres ejemplos, se ejecuta en el navegador exactamente lo mismo. Estos son los 3 sitios donde puedes colocar el código.

No obstante, hay una diferencia entre poner código JS en el <head> o en el <body>. Si pones el código en el <head>, ya sea con una página externa o directamente, dicho código se ejecutará antes de que cargue el contenido de la página que va a ver el usuario, el <body>. Si pones el código en el <body>, se cargará primero todo lo que haya por delante de la etiqueta <script>.

No te preocupes si no entiendes esto todavía, a medida que avances en el curso lo verás claro.



Sintaxis de JavaScript en una Página HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Capítulo 1 - JavaScript en TheHittosLab</title>
 
 <script src="hola_mundo.js"></script>
 
 <script>
 
  alert("¡Hola mundo!");
 
 </script>
 
</head>

<body>
 
 <script>
 
  alert("¡Hola mundo!");
 
 </script>
 
</body>
</html>

Sintaxis de JavaScript en una Página externa

En una página externa sería tan fácil como escribir esto sin más.




alert("¡Hola mundo!");

Resultado 
Hola mundo Javascript alert
Dependiendo del navegador que uses, los alerts saldrán de una manera u otra.
Suscribirse a: Entradas (Atom)