¿Qué es JavaScript?
JavaScript es el lenguaje de programación para la Web.
JavaScript puede actualizar y cambiar tanto HTML como CSS.
JavaScript puede calcular , manipular y validar datos.
Tutorial de inicio rápido de JavaScript
Este tutorial echará un vistazo rápido a los tipos de datos de JavaScript más importantes.
Las variables de JavaScript pueden ser:
- Números
- Instrumentos de cuerda
- Objetos
- arreglos
- Funciones
Variables JavaScript
Las variables de JavaScript son contenedores para almacenar valores de datos.
En este ejemplo, x, y y z son variables:
Ejemplo
var x = 5;
var y = 6;
var z = x + y;
Del ejemplo anterior, puede esperar:
- x almacena el valor 5
- y almacena el valor 6
- z almacena el valor 11
Números JavaScript
JavaScript tiene un solo tipo de número. Los números se pueden escribir con o sin decimales.
Ejemplo
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Todos los números se almacenan como números de punto flotante de doble precisión.
El número máximo de decimales es 17, pero el punto flotante no siempre es 100 % exacto:
Ejemplo
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Cadenas JavaScript
Las cadenas almacenan texto . Las cadenas se escriben entre comillas. Puede utilizar comillas simples o dobles :
Ejemplo
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
La longitud de una cadena se encuentra en la propiedad incorporada length :
Ejemplo
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Objetos JavaScript
Ya aprendió que las variables de JavaScript son contenedores para valores de datos.
Este código asigna un valor simple (Fiat) a una variable llamada coche:
var car = "Fiat";
Los objetos también son variables. Pero los objetos pueden contener muchos valores.
Este código asigna muchos valores (Fiat, 500, blanco) a una variable denominada automóvil:
var car = {type:"Fiat", model:"500", color:"white"};
Matrices de JavaScript
Las matrices de JavaScript se utilizan para almacenar múltiples valores en una sola variable.
Ejemplo
var cars = ["Saab", "Volvo", "BMW"];
Funciones JavaScript
Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.
Una función de JavaScript se ejecuta cuando "algo" la invoca (lo llama).
Ejemplo
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
¿Qué puede hacer JavaScript?
Esta sección contiene algunos ejemplos de lo que JavaScript puede hacer:
- JavaScript puede cambiar el contenido HTML
- JavaScript puede cambiar los valores de los atributos HTML
- JavaScript puede cambiar los estilos HTML (CSS)
- JavaScript puede ocultar elementos HTML
- JavaScript puede mostrar elementos HTML
JavaScript puede cambiar el contenido HTML
Uno de los muchos métodos HTML de JavaScript es getElementById() .
Este ejemplo usa el método para "encontrar" un elemento HTML (con id="demo") y cambia el contenido del elemento ( innerHTML ) a "Hello JavaScript":
Ejemplo
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript puede cambiar los valores de los atributos HTML
En este ejemplo, JavaScript cambia el valor del atributo src (fuente) de una etiqueta <img>:
La bombilla
JavaScript puede cambiar los estilos HTML (CSS)
Cambiar el estilo de un elemento HTML es una variante de cambiar un atributo HTML:
Ejemplo
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript puede ocultar elementos HTML
Se pueden ocultar elementos HTML cambiando el estilo de visualización:
Ejemplo
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript puede mostrar elementos HTML
También se pueden mostrar elementos HTML ocultos cambiando el estilo de visualización:
Ejemplo
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Tutorial completo de JavaScript
Esta ha sido una breve descripción de JavaScript.
Para obtener un tutorial completo de JavaScript, vaya al Tutorial de JavaScript de W3Schools .
Para obtener una referencia completa de JavaScript, vaya a Referencia de JavaScript de W3Schools .