Variables en programacion. Definición y ejemplos!

Sumérgete en el intrigante mundo de las variables en programación. ¿Te preguntas qué son las variables, sus características, y cómo se aplican en la programación? Este artículo explorará ejemplos prácticos y revelará los diferentes tipos de variables. ¡No te pierdas la oportunidad de ampliar tu conocimiento en programación!

Como dato obvio, sigue las palabras fuertes si quieres un resumen de todo el artículo.

INTRODUCCIÓN A LAS VARIABLES EN PROGRAMACIÓN

Estos conceptos sencillos, pero esenciales, sirven como los cimientos sobre los cuales se erige la estructura lógica de cualquier programa.

1. ¿Qué es una variable en programacion?

En programación, una variable es un espacio de almacenamiento que tiene un nombre simbólico (un identificador) y está asociado a un valor o información. Esta capacidad para almacenar datos es fundamental para el desarrollo de software, ya que permite a los programadores trabajar con información de manera dinámica y manipularla según sea necesario durante la ejecución de un programa.

Puedes pensar en una variable como una etiqueta para un lugar específico en la memoria de la computadora donde se guarda un valor. Este valor puede ser de diversos tipos, como números, texto, booleanos, entre otros, y puede cambiar a lo largo del tiempo durante la ejecución del programa.

Ejemplo sencillo de una variable en un lenguaje de programación como Python:

En este caso, hemos creado dos variables: edad y nombre. La variable edad almacena un valor numérico (25), mientras que la variable nombre almacena un valor de tipo texto («Juan»).

DÉJAME DARTE UN EJEMPLO INCLUSO MÁS SENCILLO

1.1. Ejemplo del robot y la caja para entender que son las variables:

Imagina que estás enseñando a un robot a hacer tareas. Una «variable» sería como una caja con un nombre donde el robot puede guardar cosas. Pero aquí es donde se pone interesante: la caja puede cambiar su contenido.

Entonces, por ejemplo, podríamos tener una caja llamada «edad» y poner el número «12» adentro. Esa es la «variable de edad». Pero luego, si el robot celebra un cumpleaños, puede cambiar el número de la caja a «13». ¡La caja sigue siendo la misma, solo que ahora tiene un número diferente adentro!

En programación, las variables son como esas cajas. Son lugares especiales donde guardamos información. Podemos tener cajas para números, palabras, e incluso para decirle al robot si algo es verdadero o falso. Y lo genial es que podemos cambiar lo que hay dentro de esas cajas mientras el robot trabaja.

Entender las variables es como darle superpoderes al robot, ¡porque puede adaptarse y hacer cosas diferentes según lo que necesite en cada momento! ¿Genial, verdad? ¡Así es como las variables hacen que los programas sean inteligentes y capaces de hacer muchas cosas distintas!

2. ¿Para que sirven las variables en programación?

Las variables son herramientas esenciales en programación que permiten a los desarrolladores almacenar, manipular y gestionar datos de manera efectiva, lo que contribuye a la creación de programas más flexibles, legibles y reutilizables.

Aquí te dejo algunas funciones claves que hacen de las variables una herramienta importante en la programación:

1. Almacenamiento de datos:
   • Las variables permiten almacenar información o datos en la memoria de la computadora. Estos datos pueden ser números, texto, booleanos u otros tipos de información.
2. Manipulación de datos:
   • Las variables facilitan la manipulación de datos en un programa para realizar diversos tipos de operaciones. Puedes realizar operaciones matemáticas, concatenar cadenas de texto, comparar valores, entre otras operaciones, utilizando variables.
3. Flexibilidad:
   • Las variables proporcionan flexibilidad al permitir que los programas manejen diferentes valores en diferentes momentos. Puedes asignar un valor a una variable en un punto del programa y luego cambiar ese valor más adelante según sea necesario.
4. Legibilidad del código:
   • El uso de variables con nombres descriptivos mejora la legibilidad del código. En lugar de trabajar directamente con valores constantes, las variables permiten asignar nombres significativos a los datos, lo que facilita la comprensión del propósito de esos datos.
5. Reutilización de código:
   • Las variables permiten reutilizar fragmentos de código al facilitar la manipulación de datos de manera dinámica. Puedes usar variables en lugar de valores fijos, lo que hace que tu código sea más flexible y adaptable.
6. Paso de información:
   • Las variables se utilizan para pasar información entre diferentes partes de un programa. Esto es esencial para la comunicación y coordinación entre funciones, módulos o componentes de un programa.

3. ¿Cuáles son las características principales de una variable?

Las variables en programación tienen algunas características clave que definen su comportamiento y función. Aquí están las características principales de las variables:

1. Nombre:
   • Cada variable tiene un nombre único que la identifica en el programa. El nombre de la variable se utiliza para referirse a ella y acceder a su valor.
2. Tipo de Datos:
   • Las variables tienen un tipo de datos que define el tipo de información que pueden almacenar. Los tipos de datos comunes incluyen enteros, decimales, caracteres, cadenas de texto, booleanos, entre otros.
3. Valor:
   • Cada variable tiene un valor actual que representa la información que contiene en un momento dado. El valor puede cambiar a lo largo de la ejecución del programa.
4. Declaración:
   • Antes de utilizar una variable, generalmente se debe declarar, lo que implica especificar su nombre y tipo de datos. La declaración reserva memoria para la variable.
5. Asignación:
   • Asignar un valor a una variable se realiza mediante una instrucción de asignación. Esto establece el valor de la variable y puede hacerse durante la declaración o en cualquier punto posterior en el programa.
6. Ámbito (AMPLIAMOS PUTNO 8):
   • El ámbito de una variable define en qué partes del programa es accesible (locales o globales). Variables locales son aquellas que solo están disponibles dentro de una función o bloque de código, mientras que las variables globales pueden ser accesibles desde cualquier parte del programa.
7. Mutabilidad e Inmutabilidad (AMPLIAMOS PUTNO 9):
   • Algunos lenguajes de programación permiten que los valores de las variables cambien (mutables), mientras que otros, como en el caso de ciertos tipos en lenguajes funcionales, son inmutables X, lo que significa que no se pueden modificar después de su asignación inicial.
8. Inicialización:
   • Una variable puede ser inicializada con un valor durante su declaración o más tarde en el programa antes de su uso. La inicialización es el proceso de asignar un valor inicial a una variable.
9. Restricciones de Nombre:
   • En muchos lenguajes de programación, los nombres de variables deben seguir ciertas reglas y convenciones, como comenzar con una letra, no contener espacios, y seguir un formato específico.
10. Visibilidad:
    • La visibilidad de una variable se refiere a qué partes del programa pueden acceder a ella. Variables privadas son accesibles solo dentro de la clase o función que las define, mientras que las variables públicas pueden ser accesibles desde cualquier parte del programa.

3.1. Ejemplo de una variable en JavaScript para entender sus características:

Veamos un ejemplo simple donde guardamos un valor «String» en una variable con JavaScript, y luego la mostramos en pantalla.

    // 👇Declaramos una variable 
    let nombre = "Juan";
          // Esta variable se llama "nombre", y guarda el dato "Juan".


    // Función que muestra el valor de la variable
    function mostrarNombre() {
      document.getElementById("mensaje").textContent = "Hola, mi nombre es " + nombre;
    }Lenguaje del código: JavaScript (javascript)

En este ejemplo:

• Nombre: La variable se llama «nombre «.
• Tipo de datos: Es de tipo de dato de JS «string».
• Valor: Tiene un valor string de «Juan».
• Declaración e Inicialización: Se declara en esta línea: let nombre = "Juan";
• Ámbito: Es global, ya que está fuera de cualquier función o bloque específico.
• Mutable: Ya que su valor puede cambiarse durante la ejecución del programa.
• Visibilidad: La visibilidad de la variable «nombre » es pública en este ejemplo, por lo que puede ser accedida desde cualquier parte del programa.

EJEMPLO REAL DE USO DE LA VARIABLE:

¿Qué hace este ejemplo?

• Se declara una variable llamada nombre en JS con el valor "Juan".
• Luego creamos una estructura HTML, con un botón. Cuando lo hacés clic, se ejecuta una función de JS llamada mostrarNombre().
• Aplicamos unos estilos CSS, con un posicionamiento CSS centrado.
• Esa función MUESTRA UN MENSAJE EN LA PANTALLA USANDO EL VALOR GUARDADO EN LA VARIABLE.

Este ejemplo ilustra algunas de las características fundamentales de una variable en un contexto de programación.

DECLARACIÓN DE VARIABLES

4. ¿Qué significa una declaración de variable?

Declarar una variable en programación es la acción de reservar memoria en una computadora para una variable y asociarle un nombre que se utilizará para referirse a esa ubicación de memoria.

En general, una declaración de variable incluye dos partes principales:

1. Nombre de la Variable:
   • Es el identificador que se utilizará para referirse a la variable en el código.
   • Debe seguir ciertas reglas según el lenguaje de programación, como no comenzar con un número, no contener espacios, etc.
2. Tipo de Dato de la Variable:
   • Especifica el tipo de información que se almacenará en la variable, como enteros, decimales, caracteres, cadenas de texto, booleanos, entre otros.
   • En algunos lenguajes de programación, es necesario indicar el tipo de dato al declarar la variable, mientras que en otros, la inferencia de tipo puede determinar el tipo automáticamente.

Aquí hay un ejemplo en varios lenguajes de programación:

Después de la declaración, la variable está lista para ser utilizada en el programa. Es importante destacar que en algunos lenguajes de programación, la declaración y la inicialización (asignación de un valor inicial) de la variable pueden ocurrir en la misma línea, mientras que en otros se pueden realizar por separado.

DÉJAME DARTE UN EJEMPLO MÁS SENCILLO

Ejemplo de la caja y la computadora para entender qué significa «declarar una variable»

¡Vamos a hacerlo simple! Declarar una variable es como decirle a la computadora: «Hey, necesito un espacio para guardar algo, como una caja». Es un poco como asignarle un nombre a una caja para poder poner cosas dentro.

Cuando declaras una variable, básicamente le estás diciendo a la computadora cómo llamarás a esa «caja» y qué tipo de cosas podrás poner adentro. Por ejemplo, podrías tener una caja llamada «edad» y decirle a la computadora que en esa caja solo vas a guardar números.

En este caso, estamos declarando la variable «edad» y diciéndole a la computadora que le asignemos el valor de 12. Ahora, cada vez que usemos la palabra «edad» en nuestro programa, la computadora sabrá que nos referimos a esa caja con el número 12 adentro.

Entonces, en términos sencillos, declarar una variable es como reservar un espacio con un nombre para guardar información que usaremos más tarde en nuestro programa. ¡Es como darle a la computadora instrucciones para organizar su «cocina» de datos!

5. ¿Cómo declarar una variable? Pasos generales.

Los pasos generales para declarar una variable en programación son bastante consistentes en muchos lenguajes. Aquí tienes una descripción general de los pasos:

5.1 Elije un Nombre Descriptivo:

• Selecciona un nombre significativo para tu variable. El nombre debe reflejar el propósito o contenido de la variable.

5.2. Selecciona un Tipo de Dato (si es necesario):

• Algunos lenguajes de programación requieren que especifiques el tipo de dato de la variable (tipado estático), mientras que otros pueden inferir el tipo automáticamente (tipado dinámico). Si es necesario, decide qué tipo de datos almacenará la variable (entero, cadena, booleano, etc.).

5.3. Escribe la Declaración:

• Utiliza la sintaxis del lenguaje para declarar la variable. En muchos lenguajes, esto implica escribir el tipo de dato (si es necesario) seguido del nombre de la variable.
• Ejemplos:

5.4. Opcional: Inicialización de la Variable:

• Puedes inicializar la variable al mismo tiempo que la declaras o en un momento posterior en tu código. La inicialización es el acto de asignar un valor a la variable.
• Ejemplos:

5.5. Ten en Cuenta el Ámbito (Scope):

• Considera dónde se utilizará la variable y si su ámbito será local (restringido a una función o bloque de código) o global (disponible en todo el programa). Declara la variable en el ámbito adecuado.

5.6 Sigue las Convenciones de Estilo:

• Si estás trabajando en un proyecto o equipo que sigue convenciones de estilo, asegúrate de seguirlas. Esto puede incluir reglas sobre el formato de los nombres de variables, el uso de mayúsculas y minúsculas, etc.

Estos son pasos generales y la sintaxis exacta puede variar según el lenguaje de programación que estés utilizando. Es importante consultar la documentación específica del lenguaje para conocer las reglas y prácticas recomendadas relacionadas con la declaración de variables en ese contexto.

INTRODUCCIÓN A LOS TIPOS DE VARIABLES

6. Importancia de entender el «tipado» antes de ver los tipos de variables

En programación, las variables son contenedores que almacenan datos, mientras que los «tipos o clases de variables» son categorías de datos que una variable puede contener. Cada variable tiene un tipo de dato asociado que determina el rango de valores que puede almacenar y las operaciones que se pueden realizar con esos valores.

Existen dos enfoques principales en cuanto al manejo de tipos de variables son:

• Tipado estático
• Tipado dinámico.

¿PERO QUÉ SIGNIFICA TIPADO?

El término «tipado» se refiere al concepto de asignar un tipo de dato a una variable, expresión o valor, y se puede dar que este tipo de dato este especificado directamente en el código o no.

Déjame explicarte mejor los dos supuestos:

Supuesto 1: El tipo de variable no se encuentra especificado directamente en el código. Por ejemplo, supongamos que tenemos la siguiente variable dada en lenguaje Python:

Ésta es una variable de tipo entero (int), pero dicho tipo de variable no se especifica directamente en el código, sino que este lenguaje en particular (Python), lo infiere automáticamente (imagen superior).

Supuesto 2: El tipo de variable si se encuentra especificados en el código: Veamos un ejemplo en el lenguaje de C++:

Como podemos ver en la imagen, esta vez el tipo de variable (int) si se encuentra directamente especificado en el código.

¿Y QUÉ IMPORTANCIA TIENE EL TIPADO CON LOS TIPOS DE VARIABLES?

La respuesta es simple, antes de ver los tipos de variables debemos tener presente que los mismos pueden estar directamente especificados (tipados) en el código o no. En caso que no estén especificados depende del lenguaje que estemos usando si los comprende automáticamente o no.

Y aquí es donde debemos tener presente los dos supuestos nombrados anteriormente: el tipado estático y el dinámico:

Ahora que vimos esta introducciones

7. ¿Qué tipos de variables existen en programación?

Al explorar la clasificación de variables, nos sumergimos en un análisis detallado que nos permitirá distinguir entre diversos tipos y entender cómo interactúan con los lenguajes de programación.

Para obtener más información sobre los diferentes tipos de datos que podemos usar en las variables puedes explorar el siguiente articulo: Tipos de datos en programación.

Ahora si, los tipos de variables que podemos encontrar son:

7.1. Variables de números enteros:

Las variables enteras son utilizadas para almacenar valores que son números sin parte decimal, como la cantidad de elementos en una lista, la edad de una persona, o cualquier otro valor que se pueda expresar como un número entero.

Cómo declarar la variable de número entero en lenguajes más usados:

• Python: No es necesario especificar el tipo de dato al declarar una variable.

• C++: En C++, al igual que en Java, se especifica el tipo de dato (int) al declarar la variable.

• Java: En Java, debes especificar el tipo de dato (int para enteros) al declarar la variable.
• JavaScript: En JavaScript, no es necesario especificar el tipo de dato. JavaScript es un lenguaje de tipado dinámico.
• C# (C Sharp): En C#, se utiliza int para declarar una variable de tipo entero.
• Ruby: En Ruby, no es necesario especificar el tipo de dato.

Nota: los decimales no pueden expresarse como fracciones (ej: 1/2) y deben separarse por puntos (.) -según notación inglesa- y no por nuestra notación habitual por comas (,).

7.2. Variables de punto flotante

Las variables de punto flotante se utilizan para almacenar números con parte decimal.

A continuación, te muestro cómo declarar variables de punto flotante en algunos lenguajes de programación comunes:

• Python: En Python, no es necesario especificar el tipo de dato al declarar una variable.

• Java: En Java, double se utiliza para declarar variables de punto flotante.

• C++: En C++, se puede usar float para variables de punto flotante.
• JavaScript: JavaScript utiliza el tipo de dato number para representar números, ya sea enteros o de punto flotante.
• C# (C Sharp): En C#, float se utiliza para variables de punto flotante.
• Ruby: En Ruby, no es necesario especificar el tipo de dato.

Ten en cuenta que la elección entre float y double puede depender de la precisión requerida en algunos lenguajes.

7.3. Variables de caracteres

Un caracter es un tipo de dato que representa un único carácter alfanumérico o símbolo. En muchos lenguajes de programación, los caracteres se representan con el tipo de dato «char«.

A continuación, te muestro cómo declarar variables de caracteres en algunos lenguajes de programación comunes:

• Python: En Python, no es necesario especificar el tipo de dato. La variable letra simplemente se asigna con el valor 'X'.

• Java: En Java, la variable inicial se declara como un carácter (char) y se le asigna el valor 'C'.

• C++: En C++, la variable letra es declarada como un carácter (char) y se imprime su valor.
• JavaScript: JavaScript utiliza el tipo de dato string para representar secuencias de caracteres, y se puede usar para un solo carácter también.
• C# (C Sharp): En C#, la variable se declara como un carácter (char).
• Ruby: En Ruby, no es necesario especificar el tipo de dato.

7.4. Variables de texto:

Se utilizan para almacenar palabras, así como una cadena de texto. Aquí tienes ejemplos de cómo se declaran variables de texto en varios lenguajes de programación:

• Java: En Java, se utiliza la clase String para representar texto.

• Ruby: En Ruby, no es necesario especificar el tipo de dato. La variable mensaje se asigna con el valor "Hola".

• C++: En C++, se utiliza el tipo de dato std::string para representar texto.
• Python: En Python, no es necesario especificar el tipo de dato. La variable mensaje se asigna con el valor "Hola".
• JavaScript: JavaScript utiliza el tipo de dato string para representar texto. La variable mensaje se asigna con el valor "Hola".
• C# (C Sharp): En C#, se utiliza el tipo de dato string para representar texto.

7.5. Variables booleanas

Las variables booleanas se utilizan para representar valores de verdad o falsedad, es decir, solo pueden tener dos estados: verdadero (true) o falso (false). Son fundamentales en lógica de programación y se utilizan en estructuras de control de flujo, como declaraciones condicionales (if, else, switch) y bucles (while, for), donde la ejecución de cierto bloque de código depende de una condición booleana.

Aquí tienes ejemplos de cómo se declaran y utilizan variables booleanas en varios lenguajes de programación:

• En Java, C#, C++ (lenguajes de tipado estático) generalmente debes especificar el tipo de dato al declarar la variable, en este caso incluye las variables booleanas. Por ejemplo, en Java:

• En JavaScript, Python, Ruby (lenguajes de tipado dinámico), la especificación del tipo de dato no es obligatoria al declarar la variable. En estos casos, las variables pueden cambiar de tipo dinámicamente. Por ejemplo, en JavaScript:

ÁMBITO y MUTABILIDAD DE UNA VARIABLE

Estas son dos de las características (nombradas en el puto 3) fundamentales para estructurar y proteger el código, garantizando su eficiencia, seguridad y mantenimiento.

8. Ámbito o alcance de las variables (globales y locales):

El alcance de una variable se refiere a la región del código en la que esa variable puede ser utilizada o accedida. El alcance determina en qué partes del programa una variable es válida y en qué partes no.

Los dos alcances más comunes son el alcance global y el alcance local.

8.1. Variables globales:

Una variable con alcance global está definida fuera de cualquier función o bloque en el programa. Puede ser accedida desde cualquier parte del programa, incluyendo funciones y bloques.

// 👇Variable global
  let persona = {
    nombre: "Lucía",
    edad: 25,
    ciudad: "Córdoba"
  };

  // Función que accede a la variable global y muestra sus datos
  function mostrarInformacionPersona() {
    const infoDiv = document.querySelector(".info-variable-global");
    infoDiv.textContent = "Nombre: " + persona.nombre + " | Edad: " + persona.edad + " | Ciudad: " + persona.ciudad;
  }Lenguaje del código: JavaScript (javascript)

8.2. Variable local:

Una variable con alcance local está definida dentro de una función o bloque específico. Solo es accesible dentro de ese contexto y no puede ser utilizada fuera de él.

function mostrarNombres() {
    // 👇Variable local declarada dentro de la función
    let nombres = ["Ana", "Luis", "Carlos", "María"];

    // Mostramos los nombres unidos con comas
    document.querySelector(".resultado-variable-local").textContent = "Nombres: " + nombres.join(", ");
  }Lenguaje del código: JavaScript (javascript)

9. Mutabilidad de una variable (mutables e inmutables):

La mutabilidad de una variable se refiere a la capacidad de modificar su valor después de haber sido inicializada. En algunos lenguajes de programación, las variables pueden ser mutables o inmutables, lo que afecta cómo se manejan los cambios en sus valores.

9.1. Variables mutables:

Las variables mutables son aquellas cuyo contenido puede cambiar después de su creación o inicialización. Esto significa que puedes modificar, agregar o eliminar elementos sin necesidad de crear una nueva variable.

// 1- 👇Ejemplo de variable mutable en JavaScript: Array
let miArray = [1, 2, 3];
//  Mostrar el array original
console.log("Array Original:", miArray);

// 2- Modificar el array: Agregar un nuevo elemento al final
miArray.push(4);
console.log("Array después de agregar un elemento:", miArray);

// 3- Modificar el array: Cambiar el valor de un elemento existente
miArray[1] = 10;
console.log("Array después de cambiar el valor de un elemento:", miArray);

// 4- Modificar el array: Eliminar un elemento
miArray.splice(2, 1);
console.log("Array después de eliminar un elemento:", miArray);Lenguaje del código: JavaScript (javascript)

9.2. Variables inmutables:

Las variables inmutables son aquellas cuyos valores no pueden ser modificados después de su inicialización, en síntesis, se refiere a la incapacidad de cambiar el contenido o el estado de la variable una vez que ha sido asignada. Este concepto se implementa mediante el uso de ciertas palabras clave o tipos de datos que garantizan la inalterabilidad de la variable.

// 👇Variables const (inmutable)
const mensaje = "Hola, soy inmutable";
const nombres = ["Ana", "Luis", "Pedro"];

// Bucle for que recorre un array e imprime un msj usando los valores de las variables
for (let i = 0; i < nombres.length; i++) {
  console.log(mensaje + " y me llamo " + nombres[i]);
}

// Intento de modificar la variable const 
mensaje = "Intento cambiar el mensaje"; // ❌ TypeError: Assignment to constant variableLenguaje del código: JavaScript (javascript)

EJEMPLO DE USO DE UNA VARIABLE EN UNA PÁGINA WEB

10. Ejemplo de contador de clics del botón de una página web con uso de una variable.

Imaginemos que deseas implementar un contador de clics en una página web. Quieres rastrear cuántas veces se hace clic en un botón y mostrar ese número en la página.

Para ello, utilizarías una variable para almacenar y realizar un seguimiento del contador. Aquí te dejo un ejemplo simple utilizando HTML, JavaScript.

HTML:

Dentro del cuadro blanco de la imagen superior podemos ver la implementación del botón en la pagina web con las etiquetas HTML correspondientes para el botón y su contenido, para luego con JavaScript y el uso de una variable podemos ejecutar el contador de clic que se realizan en dicho botón:

Explicación «body» (cuadro de imagen superior):

• Body: El<body> contiene el contenido principal de la página, como el botón, el párrafo del contador y el script de JavaScript. (usamos las etiquetas HTML semánticamente)
  • El botón: (<button id="botonClic">Haz clic aquí</button>) es interactivo y se usará para registrar los clics.
  • El párrafo: (<p id="contador">Clics: 0</p>) muestra el contador inicial y se actualizará dinámicamente con JavaScript.
  • El script: El elemento <script> se utiliza para incluir el archivo de script JavaScript (<script src="script.js"></script>), que contiene la lógica para el contador de clics.

Ahora te mostramos el código con la variable en JavaScript que es la parte encargada de contar los clics en el botón:

JavaScript:

Explicación:

1. DECLARACÓN DE LA VARIABLE: Se declara una variable llamada contadorClics fuera de cualquier función para que sea accesible globalmente en el script.
2. Obtención de Referencias: Se obtienen referencias al botón (botonClic) y al párrafo (contadorElemento) mediante el uso de document.getElementById y los selectores CSS.
3. Event Listener: Se agrega un event listener al botón que se dispara cada vez que se hace clic.
4. Función del Evento: Dentro de la función del evento, incrementamos el contador (contadorClics) y actualizamos el contenido del párrafo con el nuevo valor del contador.
5. Interfaz Gráfica: El contador se muestra en la página web y se actualiza dinámicamente cada vez que se hace clic en el botón.

Este ejemplo es simple, pero ilustra cómo una variable (contadorClics) puede utilizarse para realizar un seguimiento de una acción (clics en un botón) y cómo se puede actualizar la interfaz de la página web para reflejar esos cambios.

CONCLUSIÓN DEL EJEMPLO: La combinación de HTML y JavaScript permite crear una experiencia interactiva en la página web donde los clics en el botón se registran y se reflejan dinámicamente en el contador mostrado en la página.

PREGUNTAS FRECUENTES Y RESUMEN