Ir al contenido principal

Entradas

Mostrando entradas de marzo, 2022

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

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