Introducción a JavaScript

¿Qué es JavaScript?

JavaScript es un lenguaje de programación interpretado, orientado a objetos y basado en eventos, diseñado para crear aplicaciones web interactivas. Se ejecuta en el navegador del usuario, lo que permite manipular el contenido de la página, responder a la interacción del usuario y crear experiencias dinámicas.

Diferencias entre Java y JavaScript

Aunque sus nombres son similares, Java y JavaScript son lenguajes distintos. Java es un lenguaje de programación de propósito general, mientras que JavaScript está específicamente diseñado para la web.

Ejecución de JavaScript

El código JavaScript se ejecuta principalmente en navegadores web. Se puede insertar directamente en el código HTML o en archivos externos con la extensión .js.

Etiquetas para Insertar JavaScript en HTML

La etiqueta <script> se utiliza para insertar código JavaScript en páginas HTML. Por ejemplo:

<script type="text/javascript">
// Código JavaScript aquí
</script>

Sintaxis Básica

• Las instrucciones en JavaScript terminan con punto y coma (;).
• Las variables se declaran con la palabra clave var.
• Los valores pueden ser cadenas de texto, números, booleanos (true/false) o caracteres especiales.

Ejemplo de Código JavaScript

var valor1 = prompt("Introduce un número");
var valor2 = prompt("Introduce otro número");

document.write("El número 1 es: " + valor1 + "<br>");
document.write("El número 2 es: " + valor2 + "<br>");

var suma = parseInt(valor1) + parseInt(valor2);
var producto = parseInt(valor1) * parseInt(valor2);

document.write("La suma es: " + suma + "<br>");
document.write("La multiplicación es: " + producto);

Funciones en JavaScript

Las funciones son bloques de código reutilizables que realizan tareas específicas. Se definen con la palabra clave function. Por ejemplo:

function mostrarMensaje() {
  alert("Hola mundo");
}

Eventos en JavaScript

Los eventos son acciones que ocurren en la página web, como clics del mouse, pulsaciones de teclas o carga de la página. JavaScript puede responder a estos eventos y ejecutar código en consecuencia. Por ejemplo:

<img onclick="alert('Hola!')" src="imagen.jpg" alt="Imagen">

Errores Comunes

• UNDEFINED: La variable no tiene un valor asignado.
• NULL: La variable está vacía intencionalmente.
• NaN (Not-a-Number): El valor no es un número válido.

Caracteres de Escape

Los caracteres de escape se utilizan para representar caracteres especiales en cadenas de texto. Algunos ejemplos son:

• \’ : Comilla simple
• \» : Comilla doble
• \\ : Barra invertida
• \n : Nueva línea
• \t : Tabulación

Ejemplos de Scripts

Solicitar un Nombre y Mostrar un Saludo

var nombre = prompt("Introduce tu nombre:");
alert("Mucho gusto, " + nombre);

Calculadora Simple

var num1 = parseFloat(prompt("Introduce el primer número:"));
var num2 = parseFloat(prompt("Introduce el segundo número:"));

var suma = num1 + num2;
var resta = num1 - num2;
var multiplicacion = num1 * num2;
var division = num1 / num2;

alert("Suma: " + suma + "\nResta: " + resta + "\nMultiplicación: " + multiplicacion + "\nDivisión: " + division);

Conclusión

JavaScript es una herramienta esencial para el desarrollo web moderno. Permite crear páginas web interactivas y dinámicas que mejoran la experiencia del usuario. Al comprender los conceptos básicos y la sintaxis de JavaScript, puedes comenzar a crear tus propias aplicaciones web.