Eventos y DOM

Sebastián González Villacorta

A01029746

Regresar a indice

1. Modifica el siguiente elemento para mostrar la posición del mouse en el documento:

Posición del mouse:

2. Al dar click al siguiente botón, obtén el nombre y apellido de las siguientes cajas de texto, y agrega, después del botón, un elemento que tenga el nombre completo.

First name:
Last name:

3. Agrega el código para agregar una fila, o una columna, a la siguiente tabla al dar click al botón correspondiente.

Row 1 column 1 Row 1 column 2
Row 2 column 1 Row 2 column 2

4. Incluye dos cajas de input, para solicitar al usuario la posición de la fila y columna de la siguiente tabla, y otra para solicitar un texto. Al apretar el botón, actualiza el contenido de esa tabla en la posición que solicitaste, con la cadena de texto que solicitaste.

Row1 cell1 Row1 cell2 Row1 cell3
Row2 cell1 Row2 cell2 Row2 cell3
Row3 cell1 Row3 cell2 Row3 cell3

Row:
Column:
Text:

5. Agrega el código para quitar o agregar elementos a la lista de opciones. Los colores pueden ser aleatorios.

6. Al poner el mouse encima de la siguiente imagen, genera dos números aleatorios entre 300 y 600 para el width y height de una imagen. Reemplaza la imagen de placeholder por otra similar con el tamaño random que generaste. El evento solo se dispara cuando pones el mouse en la imagen.