Flappy Bird es un juego sin fin que involucra a un pájaro que el jugador puede controlar. El jugador tiene que evitar que el pájaro choque con los obstáculos como tuberías. Cada vez que el pájaro pasa por las tuberías, la puntuación se incrementa en uno. El juego termina cuando el pájaro choca con las … Continue reading «Flappy Bird Juego en JavaScript»
Una imagen se puede dividir en diferentes áreas en las que se puede hacer clic y vincular mediante un mapa de imagen . El mapa de imágenes se utiliza con fines de navegación. Un mapa de imagen consta de varias etiquetas: img: Especifica la imagen a incluir en el mapa. map: Crea un mapa de … Continue reading «¿Cómo dividir una imagen en diferentes áreas de enlace en las que se puede hacer clic usando HTML?»
Puede restablecer fácilmente todos los valores del formulario usando el botón HTML usando el atributo <input type=”reset” >. Al hacer clic en el botón de reinicio, el formulario vuelve a su estado original (el valor predeterminado) antes de que el usuario comenzara a ingresar valores en los campos, seleccionar botones de radio, casillas de verificación, … Continue reading «¿Cómo restablecer todos los valores de formulario usando un botón en HTML?»
En este artículo, veremos cómo agregar algunas propiedades CSS de forma dinámica usando jQuery. Para agregar propiedades CSS dinámicamente, usamos el método css(). El método css() se usa para cambiar la propiedad de estilo del elemento seleccionado. El método css() se puede usar de diferentes maneras. Este método también se puede utilizar para comprobar el … Continue reading «¿Cómo agregar propiedades CSS a un elemento dinámicamente usando jQuery?»
Una página de homenaje es básicamente una descripción general de alguien a quien admiramos en nuestra vida. En este artículo, estamos creando una página web de homenaje al difunto APJ Abdul Kalam Sir usando HTML y CSS. Agregaremos una imagen de él en el centro (debajo del título) y crearemos un cuadro debajo de esa … Continue reading «Diseña una página de tributo usando HTML y CSS»
Javascript es un lenguaje muy importante a la hora de aprender cómo funciona el navegador. A menudo, hay ocasiones en las que nos gustaría agregar elementos/contenido dinámicos a nuestras páginas web. Este post trata de todo eso. Creación de un nuevo elemento: se pueden crear nuevos elementos en JS utilizando el método createElement() . … Continue reading «Código JavaScript para añadir nuevos elementos de forma dinámica»
Si tenemos una array y queremos construir una tabla HTML usando ReactJS, podemos usar la función de mapa. El método map() itera a través de cada elemento de la array y lo convertirá en una fila de la tabla. Primero, crearemos una etiqueta de tabla y luego, primero, iteraremos a través de los nombres de … Continue reading «¿Cómo construir una tabla HTML usando ReactJS a partir de arrays?»
Aquí en este artículo, veremos cómo podemos agregar una lista a la Lista desordenada usando jQuery. Entonces, la función que usamos para agregar los elementos en la lista es: <script> $(document).ready(function() { $(‘.btn’).click(function(){ var content = $(‘#addList’).val(); var fixingContent='<li>’+content+'</li>’; $(‘.List’).append(fixingContent); }) }) </script> Enfoque: Primero, creamos un botón que proporciona la funcionalidad para agregar los … Continue reading «¿Cómo agregar una lista de elementos dentro de un elemento de lista desordenada usando jQuery?»
El selector de color HTML se utiliza principalmente para seleccionar el color del cuadro de color. Aquí, proporcionamos diferentes cuadros de color con su apariencia y puede seleccionar el color de acuerdo con su elección y puede obtener el color seleccionado RGB y el valor hexadecimal. También puede cambiar el valor RGB y hexadecimal para … Continue reading «Selector de color HTML»
En este artículo, veremos las etiquetas vacías en HTML y también nos centraremos en el propósito de usar una etiqueta vacía. Un elemento vacío es un componente que no tiene elementos incrustados ni elementos de texto. Los elementos vacíos no tienen Nodes sucesores. En otras palabras, las etiquetas que no contienen etiquetas de cierre son … Continue reading «¿Qué son los elementos vacíos en HTML?»