DESARROLLO WEB ENTORNO CLIENTE · Tema 5: Gestión de eventos y formularios en JavaScript

FP DEW Tema 5: Gestión de eventos y formularios en JavaScript es un examen público disponible en TesIA Exam con preguntas de 1 bloques. Esta ficha pública reúne preguntas con respuesta correcta y explicación para estudiar por examen completo. Trabaja especialmente temas como Tema 5: Gestión de eventos y formularios en JavaScript. La referencia de centro o procedencia visible es CIFP Cesar Manrique.

30 preguntas Desarrollo Web Entorno Cliente CIFP Cesar Manrique Referencia: FP DEW Tema 5: Gestión de eventos y formularios en JavaScript

Qué puedes encontrar en este examen

Cada URL pública de examen sirve para localizar el contenido, entender qué bloques toca y revisar preguntas reales antes de abrir la práctica completa.

Tema 5: Gestión de eventos y formularios en JavaScript

Preguntas, respuestas y explicaciones del examen

Listado público de preguntas asociadas a este examen, con respuesta correcta y explicación cuando está disponible.

#1

9. Cuando escribimos document.forms estamos haciendo referencia a:

  1. A) a. Un documento con nombre forms.
  2. B) b. La colección de formularios del documento.
  3. C) c. Un formulario con nombre forms.
  4. D) d. Un formulario con idforms.
Respuesta correcta

B) b. La colección de formularios del documento.

Explicación:

La respuesta correcta es B. La propiedad 'document.
forms' devuelve un objeto HTMLCollection que contiene todos los elementos <form> presentes en la página actual. Permite acceder a los formularios tanto por su índice numérico como por su nombre o ID.

#2

¿En el modelo de registro avanzado de eventos de la W3C, qué método se utiliza para registrar eventos?

  1. A) EventListener()
  2. B) addEvent()
  3. C) addEventListener()
  4. D) onclick()
Respuesta correcta

C) addEventListener()

Explicación:

La respuesta correcta es C. El estándar de la W3C define addEventListener() como el método oficial para suscribir un elemento a un evento específico sin sobrescribir otros manejadores existentes.

#3

4. Si tenemos dos elementos anidados (elemento exterior 1, y elemento interior 2) con el mismo tipo de evento asociado a los dos. ¿Cuál se ejecutará antes si hacemos burbujeo de eventos?

  1. A) a. El evento asociado al elemento 1.
  2. B) b. El evento asociado al elemento 2.
Respuesta correcta

B) b. El evento asociado al elemento 2.

Explicación:

La respuesta correcta es B. En el modelo de burbujeo (bubbling), el evento se propaga desde el elemento más profundo o interior hacia afuera.
Por lo tanto, el elemento 2 (interior) captura el evento primero y luego este sube al elemento 1 (exterior).

#4

¿Cuál es la propiedad que me indica en un campo select la opción actualmente seleccionada?

  1. A) selected
  2. B) selectedIndex
  3. C) defaultIndex
  4. D) checkedIndex
Respuesta correcta

B) selectedIndex

Explicación:

La respuesta correcta es B. La propiedad selectedIndex devuelve el índice (empezando desde 0) de la primera opción seleccionada en un elemento de lista desplegable.

#5

Si programamos la validación de un formulario en JavaScript, ésto nos asegurará que los datos que se envien al servidor estarán correctamente validados?

  1. A) Sí.
  2. B) No.
Respuesta correcta

B) No.

Explicación:

La respuesta correcta es B. La respuesta correcta es No.
La validación en el lado del cliente mediante JavaScript es una mejora de la experiencia de usuario (UX) para proporcionar feedback inmediato, pero puede ser saltada fácilmente desactivando JavaScript o usando herramientas de.

#6

Para acceder al value de la opción actualmente seleccionada en un campo select con id="provincias" haremos:

  1. A) document.getElementById("provincias").options[document.getElementById("provincias").selectedIndex].value
  2. B) document.getElementById("provincias").options [document.getElementById("provincias").value]
  3. C) document.getElementById("provincias").options [selectedIndex].value
  4. D) document.getElementById("provincias").options (selectedIndex].value()
Respuesta correcta

A) document.getElementById("provincias").options[document.getElementById("provincias").selectedIndex].value

Explicación:

La respuesta correcta es A. Para obtener el valor seleccionado se debe acceder al array de opciones usando como índice la propiedad selectedIndex del propio elemento select.

#7

Las Expresiones Regulares son patrones de búsqueda que se utilizan para buscar texto que coincida con un patrón determinado. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. La respuesta correcta es Verdadero.
Las expresiones regulares (RegExp) son herramientas extremadamente potentes que permiten definir secuencias de caracteres que forman un patrón de búsqueda.

#8

7. Lo que se almacena en una cookie son cadenas de texto. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. Las cookies están diseñadas para almacenar datos en formato de texto simple con un límite de tamaño aproximado de 4KB.

#9

La propiedad que nos devuelve el tipo de dato de un campo de texto es:

  1. A) readOnly
  2. B) select
  3. C) text
  4. D) type
Respuesta correcta

D) type

Explicación:

La respuesta correcta es D. La respuesta correcta es type.
En los elementos de formulario de JavaScript, la propiedad .type devuelve una cadena que identifica el tipo de control (por ejemplo, "text", "password", "checkbox", etc.).

#10

¿En el modelo W3C podemos escoger cuando queremos que se dispare el evento, en la fase de captura o de burbujeo?

  1. A) Sí.
  2. B) No.
Respuesta correcta

A) Sí.

Explicación:

La respuesta correcta es A. La respuesta correcta es Sí.
El modelo de eventos de la W3C permite especificar la fase de propagación mediante el tercer parámetro del método addEventListener.

#11

Para definir el orden de disparo de los eventos Netscape y Microsoft se pusieron de acuerdo y crearon un único modelo. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
Históricamente, Netscape favorecía el modelo de captura de eventos mientras que Microsoft (Internet Explorer) implementaba el modelo de burbujeo.

#12

Para acceder a los objetos a través de su etiqueta HTML lo haremos a través del método:

  1. A) getElementsByTagName
  2. B) getElementById
  3. C) getElementByTagName
  4. D) getElementsByHtml
Respuesta correcta

A) getElementsByTagName

Explicación:

La respuesta correcta es A. El método getElementsByTagName devuelve una colección (HTMLCollection) de todos los elementos del documento que tengan el nombre de etiqueta especificado.

#13

¿Cuál de las siguientes no es una propiedad del objeto Form? :

  1. A) target
  2. B) submit
  3. C) action
  4. D) method
Respuesta correcta

B) submit

Explicación:

La respuesta correcta es B. La respuesta correcta es submit.
Aunque parezca confuso, .submit() es un método del objeto Form que se utiliza para enviar el formulario por código, no es una propiedad que almacene un valor de configuración.

#14

El modelo de registro de eventos en línea es el modelo recomendado ya que nos permite separar el código de JavaScript de la estructura del documento HTML. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
El registro de eventos "en línea" (inline) consiste en escribir código JavaScript directamente en los atributos HTML como onclick, lo cual mezcla lógica con estructura.

#15

6. Para marcar un campo de tipo checkbox lo haremos con el método:

  1. A) a. check()
  2. B) b. checked
  3. C) c. mark()
  4. D) d. Ninguna de las anteriores es correcta.
Respuesta correcta

D) d. Ninguna de las anteriores es correcta.

Explicación:

La respuesta correcta es D. Para marcar un checkbox no se utiliza un método, sino que se modifica la propiedad booleana 'checked'.
La opción B podría confundirse, pero 'checked' es una propiedad que se iguala a true o false, no un método que se invoque.

#16

3. ¿Cuál de las siguientes instrucciones contiene el número total de elementos de un formulario con id="contactar"?

  1. A) a. document.forms["contactar"].elements.size()
  2. B) b. document.getElementById("contactar").elements.length
  3. C) c. document.getElementById("contactar").elements.length()
  4. D) d. document.getElementByTagName["contactar"].elements
Respuesta correcta

B) b. document.getElementById("contactar").elements.length

Explicación:

La respuesta correcta es B. La propiedad 'elements' de un objeto formulario devuelve una colección, y para obtener su tamaño se utiliza la propiedad 'length' sin paréntesis.

#17

5. Para acceder a las cookies se hace a través de:

  1. A) a. document.env.cookies[]
  2. B) b. document.cookies
  3. C) c. document.cookie
  4. D) d. document.domain.cookies
Respuesta correcta

C) c. document.cookie

Explicación:

La respuesta correcta es C. El acceso a las cookies del documento se realiza mediante la propiedad 'document.
cookie' en singular. Aunque esta propiedad devuelve una cadena con todas las cookies, el nombre de la propiedad no es plural.

#18

1. ¿En cuál de los siguientes niveles del DOM se especifican los objetos con mayor detalle? :

  1. A) a. Nivel 0 del DOM.
  2. B) b. Nivel 1 del DOM.
  3. C) c. Nivel 2 del DOM.
Respuesta correcta

C) c. Nivel 2 del DOM.

Explicación:

La respuesta correcta es C. El Nivel 2 del DOM introduce una mayor especialización al incluir especificaciones para el manejo de eventos y hojas de estilo.

#19

En el modelo de registro de eventos de Microsoft se utiliza el siguiente método:

  1. A) addEventListener()
  2. B) onEvent()
  3. C) attachEvent()
  4. D) EventListener()
  5. E) addEvent()
Respuesta correcta

C) attachEvent()

Explicación:

La respuesta correcta es C. attachEvent().
Este método fue la implementación propietaria de Microsoft para versiones antiguas de Internet Explorer (hasta IE8) para gestionar eventos.

#20

8. Si tenemos dos elementos anidados (elemento exterior 1, y elemento interior 2) con el mismo tipo de evento asociado a los dos. ¿Cuál se ejecutará antes si hacemos captura de eventos?

  1. A) a. El evento asociado al elemento 1.
  2. B) b. El evento asociado al elemento 2.
Respuesta correcta

A) a. El evento asociado al elemento 1.

Explicación:

La respuesta correcta es A. En la fase de captura (capturing), el flujo del evento desciende desde la raíz del documento hasta el elemento que originó el evento.

#21

En el modelo de registro de eventos en línea, los eventos se asignan en la parte de código de JavaScript sin que tengamos que escribir nada en la parte de HTML. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
El modelo de eventos "en línea" (inline) consiste precisamente en añadir los manejadores de eventos como atributos directamente en las etiquetas HTML, por ejemplo: onclick="miFuncion()".

#22

10. ¿Con cuál de los siguientes métodos podemos acceder a un campo de texto con id="apellidos" de un formulario con id="contactar"?

  1. A) a. document.getElementByTagName("contactar")."apellidos"
  2. B) b. document.getElementById("apellidos")
  3. C) c. document.getElementByTagName("contactar.apellidos")
  4. D) d. document.getElementById("contactar.apellidos")
Respuesta correcta

B) b. document.getElementById("apellidos")

Explicación:

La respuesta correcta es B. Puesto que los identificadores (ID) deben ser únicos en todo el documento HTML, el método 'document.
getElementById' es la forma más directa y eficiente de acceder al elemento.

#23

Para saber cuantos elementos tenemos dentro de nuestro formulario lo podremos hacer con el método length(). ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
En JavaScript, para obtener la cantidad de elementos de un formulario se utiliza la propiedad length y no un método length(). Las colecciones de elementos en el DOM exponen esta información como un atributo numérico directo.

#24

Todas las cookies tendrán que llevar una fecha de caducidad. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
Si no se especifica una fecha de caducidad (atributo expires o max-age), la cookie se considera una "cookie de sesión".

#25

¿Cuándo se recomienda utilizar el objeto RegExp?

  1. A) Cuando sabemos que la expresión regular va a cambiar cuando se ejecuta el script o si se va a proporcionar en tiempo de ejecución.
  2. B) Cuando sabemos que la expresión regular no va a cambiar durante la ejecución del script.
Respuesta correcta

A) Cuando sabemos que la expresión regular va a cambiar cuando se ejecuta el script o si se va a proporcionar en tiempo de ejecución.

Explicación:

La respuesta correcta es A. La respuesta correcta es la opción a.
El constructor del objeto RegExp permite compilar expresiones regulares de forma dinámica a partir de cadenas de texto obtenidas durante la ejecución, como una entrada de usuario.

#26

Si deseamos enviar un formulario con id="contactar" desde JavaScript lo podremos hacer con:

  1. A) document.getElementByTagName("contactar").submit()
  2. B) document.getElementById("contactar").submit()
  3. C) document.getElementById("contactar").submit
  4. D) document.getElementByTagName("contactar").submit
Respuesta correcta

B) document.getElementById("contactar").submit()

Explicación:

La respuesta correcta es B. El envío programático de un formulario se realiza localizando primero el elemento por su ID único y luego invocando el método submit().
Es imprescindible incluir los paréntesis al final de submit para ejecutar la acción de envío.

#27

El tercer parámetro del método utilizado para registrar eventos en el modelo de W3C hace referencia a:

  1. A) Valor devuelto por el evento.
  2. B) Objeto this.
  3. C) Fase de captura o burbujeo.
  4. D) Función que se llamará cuando se produzca el evento.
Respuesta correcta

C) Fase de captura o burbujeo.

Explicación:

La respuesta correcta es C. ase de captura o burbujeo.
El método addEventListener(tipo, callback, useCapture) utiliza su tercer parámetro (un booleano) para determinar el orden de propagación.

#28

2. La palabra reservada this hará referencia al objeto que contiene el código de JavaScript en donde usamos esa palabra reservada. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. En JavaScript, el contexto de ejecución definido por la palabra clave 'this' apunta habitualmente al objeto que posee o invoca el bloque de código actual.

#29

Cuando tenemos varios objetos de tipo radio en nuestro formulario que comparten el mismo atributo name, el nombre de ese atributo será un array que nos permitirá acceder a cada objeto de ese grupo. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

A) Verdadero

Explicación:

La respuesta correcta es A. La respuesta correcta es Verdadero.
En el acceso clásico a formularios mediante JavaScript, si varios botones de radio comparten nombre, se agrupan en una colección indexada similar a un array.

#30

Con una cookie podremos escribir ficheros (sólo de texto) en el ordenador del cliente en la carpeta que nosotros queramos. ¿Verdadero o Falso?

  1. A) Verdadero
  2. B) Falso
Respuesta correcta

B) Falso

Explicación:

La respuesta correcta es B. also.
Las cookies son pequeños fragmentos de datos que el navegador almacena de forma automática en una ubicación específica gestionada por el propio navegador, no en cualquier carpeta que el programador elija.

Temas incluidos

Otros exámenes de Desarrollo Web Entorno Cliente

Practicar este examen

Puedes abrir TesIA Exam y localizar este examen con el mismo nombre para practicarlo en modo estudio o examen, revisar respuestas y continuar tu progreso.