Categoría: HTML-Misc

¿Cómo usar el transportador para verificar si un elemento es visible?

Posted on by Rudeus Greyrat

Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones AngularJS, sin embargo, también funciona para aplicaciones no Angular JS. Ejecuta pruebas contra la aplicación interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. En este artículo, vamos a utilizar Transportador para verificar si un elemento está … Continue reading «¿Cómo usar el transportador para verificar si un elemento es visible?»

¿Cómo filtrar objetos anidados en JavaScript?

Posted on by Rudeus Greyrat

El método filter() crea una nueva array con todos los elementos que pasan la prueba implementada por la función proporcionada. Enfoque 1: este enfoque utiliza el método filter() para filtrar el objeto anidado en JavaScript. Ejemplo: HTML <!DOCTYPE html> <html>    <body>     <h2>Output</h2>     <p id=»Output»></p>        <script>         var nestedObject = [             {                 itemId: 1,                 itemDetails: … Continue reading «¿Cómo filtrar objetos anidados en JavaScript?»

¿Cómo borrar todo el contenido de div dentro de un div principal?

Posted on by Rudeus Greyrat

Dado un documento HTML que contiene elementos div y la tarea es eliminar los elementos HTML existentes usando jQuery. Para eliminar elementos y su contenido, jQuery proporciona dos métodos: remove(): Elimina el elemento seleccionado con sus elementos secundarios. vacío(): elimina el elemento secundario de los elementos seleccionados. Ejemplo: <div id=»Parent»> <div id=»child1″>child 1</div> <div id=»child2″>child … Continue reading «¿Cómo borrar todo el contenido de div dentro de un div principal?»

Implementación de la barra de búsqueda web mediante el flujo condicional de Javascript

Posted on by Rudeus Greyrat

Dada una lista de elementos y la tarea es filtrar los elementos y devolver la mejor coincidencia usando la barra de búsqueda. Hay varios enfoques para implementar esto, pero usaremos una declaración if-else simple para implementar nuestra barra de búsqueda. Acercarse: Cree una carpeta llamada gfgSearchBar . Abra la carpeta en su IDE o IDLE … Continue reading «Implementación de la barra de búsqueda web mediante el flujo condicional de Javascript»

Elimine el primer elemento de la array sin usar el método shift() en JavaScript

Posted on by Rudeus Greyrat

Dada una array que contiene algunos elementos de la array y la tarea es eliminar el primer elemento de la array y, por lo tanto, reducir el tamaño en 1. Vamos a realizar la operación del método shift() sin usarla realmente con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación: Enfoque … Continue reading «Elimine el primer elemento de la array sin usar el método shift() en JavaScript»

¿Cómo esperar a cambiar el tamaño del evento final y luego realizar una acción usando JavaScript?

Posted on by Rudeus Greyrat

Cuando cambiamos el tamaño de la ventana del navegador, el evento de «cambio de tamaño» se activa continuamente, varias veces mientras cambia el tamaño. Queremos que el evento de «cambio de tamaño» solo se active una vez que hayamos terminado de cambiar el tamaño. Requisito previo: Para resolver este problema usamos dos funciones:   función setTimeout() … Continue reading «¿Cómo esperar a cambiar el tamaño del evento final y luego realizar una acción usando JavaScript?»

HTML | Lienzo Dibujar Curva Bezier

Posted on by Rudeus Greyrat

Las curvas en el lienzo HTML se pueden dibujar usando arcos, pero dibujar un diagrama complejo usando arcos es una tarea bastante tediosa. En las circunstancias dadas, la curva Bezier será muy útil para proporcionar más flexibilidad al dibujar curvas. Las curvas Bezier en el lienzo HTML se dibujan utilizando un punto de inicio, uno … Continue reading «HTML | Lienzo Dibujar Curva Bezier»

¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?

Posted on by Rudeus Greyrat

Los selectores :before y :after en CSS se usan para agregar contenido antes y después de un elemento. El :hover es pseudo-clase y :before & :after son pseudo-elementos. En CSS, los pseudoelementos se escriben después de la pseudoclase.  Sintaxis:  a:hover::before { // CSS Property } a:hover::after { // CSS Property } En CSS3, los dos … Continue reading «¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?»

¿Cómo agregar una lista de descripción de un elemento usando HTML?

Posted on by Rudeus Greyrat

Para definir la descripción de un elemento se utiliza la etiqueta <dl> . Esta etiqueta se usa con las etiquetas <dt> y <dd> . En HTML4.1, define la lista de definición y en HTML5, define la lista de descripción. Sintaxis: <dl> Contents… </dl> Ejemplo 1: <!DOCTYPE html> <html>    <head>     <title>         How to add description … Continue reading «¿Cómo agregar una lista de descripción de un elemento usando HTML?»

¿Cómo establecer una expresión regular para un valor de elemento de entrada que se verificó con HTML?

Posted on by Rudeus Greyrat

En este artículo, usaremos el atributo de patrón <input> para establecer el patrón de expresión regular para un campo de entrada que se verificó. El atributo de patrón HTML <input> se usa para especificar la expresión regular en la que se compara el valor de los elementos de entrada. Este atributo funciona con los siguientes … Continue reading «¿Cómo establecer una expresión regular para un valor de elemento de entrada que se verificó con HTML?»