Variables

CODIGO BASE PARA PRUEBAS
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">      
</head>
  <body style="color:white;background-color:black">
  <h2>Pagina para realizar pruebas con JavaScript</h2>
  <script>
    // En esta sección se copia/escribe el codigo JavaScript

  </script>
  </body>
</html>

VARIABLES

Una variable es un elemento utilizado para almacenar valores o datos. Las variables se crean mediante las declaraciones var o let, seguido del nombre de la variable. Una variable que ha sido creada pero a la que no se le ha asignado un valor, tendrá el valor undefined.

var vs let :

Es recomendable utilizar la declaracion mediante let las variables.


NOMBRE DE LAS VARIABLES

Puedes asignar diferentes tipos de datos a una variable, ya que las variables en JavaScript carecen de tipos. Por ejemplo, puedes asignar números, cadenas de texto, objetos o elementos booleanos. Una variable puede tener cualquier nombre que contenga exclusivamente letras, símbolos de dólar $, guiones bajos _ o números, aunque en ningún caso podrá comenzar por un número. Además, el nombre de una variable no podrá coincidir con alguna de las palabras reservadas en JavaScript.


NOTACION DE LAS VARIABLES

Cuando programas debes trasladar palabras del mundo real o nombres de diferentes componentes al lenguaje que estás utilizando, reprensentando dichos términos como variables, funciones o clases. Para ello debes eliminar los espacios de dichos nombres para que el compilador no falle y procurar que sean lo más legibles posibles.


Por ejemplo, si tienes una función/variable que cuente el número de elementos que tienes, por decir algo, podrías llamarle contarelementos, que sería un nombre válido. Sin embargo, el nombre anterior resulta ilegible, ya que la palabras no están separadas, siendo difícil deducir el significado de la palabra a simple vista. Por lo que se recomienda usar un sistema de notacion.


Si quisieses hacer que la función/variable fuese más legible, podrías llamarle contarElementos, ContarElementos, contar_elementos o contar-elementos, estableciendo un símbolo o un método que combine las palabras que forman parte del nombre de la función. Estos métodos representan los tipos de notación que más se usan en la actualidad.


NOTACION CAMEL CASE

La notación Camel Case combina las palabras directamente, sin usar ningún símbolo, estableciendo que la primera letra de cada palabra esté en mayúscula a excepción de la primera palabra, estando el resto de letras en minúsculas. Este tipo de notación está muy extendida, siendo su uso muy común tanto en la declaración de variables como en el nombre de funciones y métodos.


Aquí tienes varios ejemplos:


NOTACION PASCAL CASE

La notación Pascal Case combina las palabras directamente, sin usar ningún símbolo, estableciendo que la primera letra de cada palabra esté en mayúscula sin excepciones, estando el resto de letras en minúsculas.


Aquí tienes varios ejemplos:


NOTACION SNAKE CASE

La notación Snake Case combina las palabras usando un guión bajo _ como nexo. Existen dos versiones de esta notación, una en la que todas las letras están en minúscula y otra en la que todas las letras están en mayúscula.


Aquí tienes varios ejemplos:


Sintaxis de una variable

En el siguiente ejemplo declaramos una variable siguiendo la notación camelCase y le asignamos un valor:

Codigo

<script>
var miPerro = 'Zar'; // Declaramos la variable con VAR y le asignamos un valor

let miGato = 'Garfield'; // Declaramos la variable con LET y le asignamos un valor
let Numero = 5;
let Cadena_Texto ='Ciudad de Mexico';

</script>

Lo que hecho es usar la sentencia var, que indica que lo que viene a continuación es el nombre de una variable. Seguidamente hemos usado miPerro como nombre de la variable. Luego hemos usado el símbolo = para asignar el valor Zar, cuyo valor va entre comillas porque se trata de una cadena de texto. Finalmente hemos finalizado la sentencia usando un punto y coma;

ACTIVIDADES A REALIZAR

Crea un HTML con script que contenga cinco variables diferentes asignandoles los siguientes valores [ un dia de la semana , un color, un numero entero , una frase celebre y tu nombre]

Imprime los valores de las variables en la consola de desarrollador

Procura no copiar directamente la respuesta desde una IA