Generar número aleatorio JavaScript Para obtener un número aleatorio en JavaScript podemos combinar dos métodos de la clase Math: Math.floor() y Math.random() Math.random() La función Math.random devuelve un número aleatorio mayor que cero y menor que uno. var num = Math.random(); //Resultados posibles: 0.5, 0.12, 0,7, 0.99 Math.floor() La función […]
Categoría JavaScript
41 entradas
Métodos de la clase Document JavaScript Con el objeto Document es posible manipular las propiedades y contenido de los elementos principales de las páginas web. Este objeto cuenta con una serie de subobjetos como son puntos de anclaje, imágenes, vínculos o formularios, que son los que le dan el verdadero […]
Métodos de la clase History En el siguiente tutorial aprenderemos qué utilidades tiene la clase History en JavaScript. El objeto History almacena las referencias de todos los sitios web visitados. Propiedades de la clase History Propiedad current La propiedad current contiene la URL de la entrada actual en el historial. […]
Modificar Css de un elemento con JavaScript En este tutorial aprenderemos cómo modificar las propiedades Css de un elemento con JavaScript Modificar Css Para poder manipular el css de un elemento usaremos .style de JavaScript Veamos un ejemplo <script> //Seleccionamos el elemento de id=titulo var titulo = document.getElementById("titulo"); //Cambiamos el […]
Seleccionar un elemento con JavaScript En este tutorial aprenderemos los diferentes métodos para seleccionar un elemento del DOM con JavaScript. Seleccionar un elemento En JavaScript podemos seleccionar un elemento de varias formas: Por su Id <script> //Accedemos directamente al elemento deseado por su id única var elem = document.getElementById("id_del_elemento"); </script> […]
Métodos de la clase Date JavaScript En este tutorial aprenderemos los diferentes métodos que podemos usar en JavaScript para trabajar con fechas Funciones de Fechas en JavaScript Trabajar con fechas Para trabajar con fechas necesitamos instanciar un objeto de la clase Date. Podemos hacerlo de dos maneras diferentes: Creando un […]
Obtener tamaño de la pantalla con JavaScript En este tutorial aprenderemos cómo obtener el tamaño de la pantalla en píxels utilizando JavaScript. Ésta medida es muy útil si queremos, por ejemplo adaptar nuestro código a diferentes tamaños de pantalla. Obtener altura de la pantalla Para obtener la altura usaremos la […]
Propiedades y métodos del objeto location El objeto location de JavaScript contiene toda la información sobre la url actual del navegador y permite acceder a cada una de sus secciones. Propiedades del objeto location hash Obtiene o establece el ancla (#) de una url. url: "https://tutobasico.com/ejemplos.php#ej1" var ancla = location.hash; […]
Comprobar si existe función en JavaScript En este tutorial aprenderemos cómo averiguar si una función existe para que no nos de error cuando vayamos a utilizarla. Existen varios métodos para saber si una función existe. typeof if(typeof nombreFuncion === "function"){ //Si entra en la funcion entonces existe //Ya podemos usar […]
Ejercicios de Iniciación JavaScript 6 Aquí tenemos unos pocos ejercicios más para para practicar. Aprenderemos a trabajar con funciones Ejercicios 1. Crea una función que devuelva el número PI con dos decimales. Utiliza la variable PI que ya existe en javascript 2. Crea una función que reciba un parámetro, un […]
Arrays bidimensionales en JavaScript En este tutorial aprenderemos cómo trabajar con arrays de más de una dimensión en JavaScript. Un array de dos dimensiones no es más que un array dentro de otro, es decir, un array de arrays. Para trabajar con arrays de más de 2 dimensiones puedes ver […]
Concatenar strings con JavaScript En este tutorial aprenderemos cómo concatenar strings en JavaScript. Con el signo + En JavaScript la concatenación más común se hace con el signo +. Veamos un ejemplo <script> //Declaramos la variable texto vacía var texto = ""; //Añadimos un string a la variable texto texto […]
Minimizar un archivo JavaScript En este tutorial aprenderemos cómo minimizar(minify) un fichero Js para mejorar la velocidad de carga de nuestro sitio web. El proceso es muy sencillo. Sólo debemos copiar el contenido de nuestro fichero y acceder a la página https://javascript-minifier.com Hacemos click con el botón derecho del ratón […]
Operadores en JavaScript En este tutorial veremos los principales operadores existentes en el lenguaje JavaScript. Asignación Asignan al operando de la izquierda el valor del operando de la derecha. Comparación Compara dos operandos y devuelve un valor booleano según el resultado sea verdadero o falso. Incremento y decremento Se usan […]
Secuencias de escape en JavaScript En este tutorial veremos cómo podemos escapar caracteres para que no influyan en la ejecución del código JavaScript. Veamos algunos ejemplos de caracteres y cómo escaparlos Ejemplo <script>//Texto que vamos a guardar en una variable: I'm "hungry"//Escapamos las comillasvar texto = "I\'m \"hungry\";</script> Si te […]
Generar tabla con JavaScript En este tutorial aprenderemos cómo generar una tabla utilizando los métodos de creación de elementos y atributos de JavaScript. Crearemos una tabla de este estilo // Obtenemos la referencia del elemento bodyvar body = document.getElementsByTagName("body")[0];// Creamos un elemento <table> y un elemento <tbody>var tabla = document.createElement("table");var […]
Crear Cookies en JavaScript En este tutorial aprenderemos cómo crear Cookies en JavaScript, todos sus parámetros opcionales y cómo acceder a su información. Usaremos una serie de funciones para trabajar con cookies. Debemos definirlas nosotros ya que no están presentes en el lenguaje, pero una vez que las incluyamos en […]
Métodos Ajax JavaScript En este tutorial aprenderemos cómo usar el objeto XMLHttpRequest para hacer peticiones mediante Ajax en JavaScript. Veremos ejemplos con texto, xml y json. Funciones básicas para hacer una petición Ajax mediante el lenguaje JavaScript Función para obtener el objeto XMLHttpRequest function inicia_ajax() { //Utiliza un método distinto […]
Arrays asociativos en JavaScript Un array asociativo es un array cuyos índices no son numéricos sinó cadenas de texto (claves). En JavaScript no existen realmente arrays asociativos pero podemos simularlos creando objetos y accediendo a sus propiedades. Como declaramos un array asociativo Se utilizan llaves {} para generar el array […]
Arrays multidimensionales JavaScript En este tutorial aprenderemos cómo trabajar con arrays de más de una dimensión en JavaScript. Un array de dos dimensiones no es más que un array dentro de otro, es decir, un array de arrays. Si declaramos un array de 10 posiciones y en cada posición guardamos […]
Declaración de Arrays en JavaScript Un Array, también llamado matriz, arreglo o vector, no es más que un tipo de dato estructurado que permite guardar un conjunto de datos ordenado. A cada dato se le asigna un índice que indica su posición numérica dentro del array. Los Arrays nos permiten […]
Cómo manejar eventos en JavaScript Un evento es la acción que desencadena el usuario al interactuar con una página web. Cuando ocurre un evento (hacer click, doble click, seleccionar..) podemos capturarlo mediante un manejador de eventos, es decir, una función asociada a ese evento. El modelo de eventos forma parte […]
Ejercicios de Iniciación JavaScript 5 Aquí tenemos unos pocos ejercicios más para para practicar. Ejercicios 1. Realiza un script que muestre la posición de la primera vocal de un texto introducido por teclado 2. Realiza el mismo ejercicio anterior pero utilizando el método includes. Si no recuerdas como se usa […]
Ejercicios de Iniciación JavaScript 4 Aquí tenemos unos pocos ejercicios más para para practicar. Ejercicios 1. Realiza un script que pida un texto y lo muestre en mayúsculas. 2. Realiza un script que pida una cadena de texto y la muestre poniendo el signo – entre cada carácter sin usar […]