Categoría: HTML-Misc

Cree una aplicación de marcador de sitio con JavaScript utilizando el almacenamiento local

Posted on by Rudeus Greyrat

En este artículo, crearemos una aplicación de marcador de sitio utilizando HTML, CSS y JavaScript. Esto nos ayudará a almacenar enlaces a nuestros sitios web favoritos sin trabajar con ninguna base de datos y simplemente utilizando el almacenamiento local de nuestro navegador. El almacenamiento local se conoce como API de almacenamiento web y nos permite … Continue reading «Cree una aplicación de marcador de sitio con JavaScript utilizando el almacenamiento local»

¿Cómo cambiar el peso de fuente de un texto usando JavaScript?

Posted on by Rudeus Greyrat

En este artículo, estableceremos el peso de fuente de un texto dinámicamente usando JavaScript. Para cambiar el peso de la fuente dinámicamente, usamos la propiedad fontWeight del estilo HTML DOM.  Sintaxis: object.style.fontWeight = «value» Valores de propiedad: normal: el peso de la fuente es el valor predeterminado. más ligero: el peso de la fuente es … Continue reading «¿Cómo cambiar el peso de fuente de un texto usando JavaScript?»

Juego simple de tres en raya usando JavaScript

Posted on by Rudeus Greyrat

¿Cómo implementar un juego de Tic-Tac-Toe para 2 jugadores usando JavaScript?  Es bastante fácil de desarrollar con algunas validaciones simples y comprobaciones de errores. El jugador 1 comienza a jugar y ambos jugadores hacen sus movimientos en turnos consecutivos. El jugador que hace una string recta de 3 bloques gana el juego. Este juego se … Continue reading «Juego simple de tres en raya usando JavaScript»

¿Cómo devolver la URL actual para un botón de compartir usando JavaScript?

Posted on by Rudeus Greyrat

En esta publicación, aprenderemos la lógica detrás de los botones de compartir que se muestran en los sitios web que se pueden usar para compartir una publicación o la URL completa del sitio en otras plataformas de redes sociales. Revisaremos esto en varios pasos para comprenderlo. Paso 1: Primero, necesitamos crear un archivo HTML que … Continue reading «¿Cómo devolver la URL actual para un botón de compartir usando JavaScript?»

Sitios web y software que ayudan a los desarrolladores de HTML, CSS y JavaScript

Posted on by Rudeus Greyrat

Desarrollar un sitio web utilizando HTML, CSS y JS es un proceso largo y que requiere mucho tiempo. Pero el uso de los recursos adecuados para el trabajo puede acelerar el proceso. Estas herramientas no solo facilitan las cosas, sino que también aumentan el nivel de calidad. Aquí hay una lista de sitios web y software … Continue reading «Sitios web y software que ayudan a los desarrolladores de HTML, CSS y JavaScript»

¿Cómo diseñar un reloj digital usando JavaScript?

Posted on by Rudeus Greyrat

Los relojes son un elemento útil para cualquier interfaz de usuario si se usan de manera adecuada. Los relojes se pueden usar en sitios donde el tiempo es la principal preocupación, como algunos sitios de reserva o alguna aplicación que muestra los horarios de llegada de trenes, autobuses, vuelos, etc. El reloj es básicamente de … Continue reading «¿Cómo diseñar un reloj digital usando JavaScript?»

¿Cómo obtener todo el contenido HTML de DOMParser excluyendo la etiqueta del cuerpo externo?

Posted on by Rudeus Greyrat

DOM (Document Object Model) nos permite acceder y manipular dinámicamente los datos HTML. Todos los datos de texto de un archivo HTML también se pueden extraer usando DOMParser. El analizador DOM devuelve un objeto HTML/XML/SVG. Se puede acceder a todos los objetos usando el operador [] en javascript. El árbol HTML DOM de objetos:   Pasos para … Continue reading «¿Cómo obtener todo el contenido HTML de DOMParser excluyendo la etiqueta del cuerpo externo?»

¿Cómo obtener la clase de un elemento que ha activado un evento usando JavaScript/JQuery?

Posted on by Rudeus Greyrat

Dado un documento HTML y se dispara algún evento, la tarea es obtener la clase del elemento que ha disparado el evento. Aquí hay 2 enfoques discutidos. Enfoque 1: En este artículo solo usamos el evento de clic, sin embargo, el enfoque se puede aplicar a cualquier evento. El evento onCLick() se usa en este … Continue reading «¿Cómo obtener la clase de un elemento que ha activado un evento usando JavaScript/JQuery?»

¿Cómo eliminar un valor específico de la array usando jQuery?

Posted on by Rudeus Greyrat

Dados los elementos de una array, la tarea es eliminar el elemento de valor específico de la array con la ayuda de JQuery. Hay dos enfoques que se analizan a continuación: Enfoque 1: Podemos usar el método not() que elimina el elemento que queremos. Luego, use el método get() para obtener el resto de los … Continue reading «¿Cómo eliminar un valor específico de la array usando jQuery?»

Mapas de Google | Localización

Posted on by Rudeus Greyrat

La localización es un proceso para proporcionar información en diferentes idiomas. El idioma predeterminado es el inglés en Google Maps. Toda la información proporcionada en inglés como; ciudad, nombres de opciones, carretera, etc. Para personalizar o localizar los mapas, mencione el idioma al cargar la API de Google Maps. Sintaxis: <script src= «https://maps.googleapis.com/maps/api/js?language=ja»> </script> Ejemplo: … Continue reading «Mapas de Google | Localización»