Ir al contenido principal

Entradas

Calcular la cantidad de palabras de un texto

En esta práctica de JavaScript he puesto en práctica el uso de la propiedad textContent y del método split ( ) del objeto String. El usuario podrá pulsar un botón, el cual calculará la cantidad de palabras de un texto. Para poder comprender el código de esta práctica es muy importante conocer el uso de la propiedad textContent de un elemento del DOM y del método split ( ) del objeto String. Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2 Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript</title> <link href="estilos.css" rel="stylesheet" type="...
Leer más
Entradas recientes

Convertir letras mayúsculas en minúsculas

En esta práctica de JavaScript he puesto en práctica el uso de la propiedad textContent y los métodos charAt ( ), toUpperCase ( ), toLowerCase ( ) y replace ( ) del objeto String. El usuario podrá pulsar un botón, el cual convertirá en letras minúsculas todas las letras mayúsculas existentes en un texto. Para poder comprender el código de esta práctica es muy importante conocer el uso de la propiedad textContent de un elemento del DOM y de los métodos charAt ( ) , toUpperCase ( ) , toLowerCase ( ) y replace ( ) del objeto String. Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2      👉 Enlace 3      👉 Enlace 4      👉 Enlace 5 Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-C...
Leer más

Escribir en una ventana nueva

En esta práctica de JavaScript he puesto en práctica el uso de los métodos open ( ) del objeto Window y write ( ) del objeto Document. El usuario podrá pulsar sobre dos botones, uno para escribir las líneas de texto que se verán en la nueva ventana y otro para crear la nueva ventana. Para poder comprender el código de esta práctica es muy importante conocer el uso de los métodos open ( ) del objeto Window y write ( ) del objeto Document. Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2 Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript</title> <link href="estilos....
Leer más

Cerrar ventana mediante control de tiempo

En esta práctica de JavaScript he puesto en práctica el uso de los métodos open ( ) y close ( ) del objeto Window. El usuario podrá pulsar sobre dos botones, uno para crear una nueva ventana en el navegador y otro para cerrarla transcurrido un tiempo establecido por el usuario. Para poder comprender el código de esta práctica es muy importante conocer el uso de los métodos open ( ) , close ( ) y setTimeout ( ) del objeto Window. Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2      👉 Enlace 3 Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript</title> <lin...
Leer más

Desplazamiento automático de texto

En esta práctica de JavaScript he puesto en práctica el uso de los métodos scroll ( ) y setTimeout ( ) del objeto Window. El usuario podrá pulsar sobre dos botones, uno para desplazar un texto de forma automática hacia la derecha y otro para desplazarlo hacia arriba. Para poder comprender el código de esta práctica es muy importante conocer el uso de los métodos scroll ( ) y setTimeout ( ) del objeto Window. Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2 Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript</title> <link href="estilos.css" rel="stylesheet...
Leer más

Carrusel de imágenes con JavaScript

En esta práctica de JavaScript he puesto en práctica el uso del Array y del acceso a las propiedades de los elementos del DOM. El usuario podrá pulsar sobre dos botones, uno para avanzar imágenes y otro para retroceder. Para poder comprender el código de esta práctica es muy importante conocer el uso del Array en JavaScript y la forma de acceder a los elementos del DOM y a los atributos de dichos elementos . Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2 Imágenes usadas Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript...
Leer más

Efecto Rollover con JavaScript

En esta práctica de JavaScript he puesto en práctica la combinación del uso de los eventos onmouseover y onmouseout. El usuario observará cómo después de cinco segundos se eliminará automáticamente el párrafo existente en la página web. Y si pulsa en un botón determinado anulará el temporizador y no se eliminará dicho párrafo. Para poder comprender el código de esta práctica es muy importante conocer el uso de los eventos onmouseover y onmouseout . Como ayuda puedes echarle un vistazo a los siguientes enlaces: 👉 Enlace 1      👉 Enlace 2 Imágenes usadas Código HTML <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Práctica de JavaScript...
Leer más