Queremos que, al hacer clic en el botón "Enviar", el texto que hayamos introducido en el input sea escrito debajo de Last Message Delivered
- Intenta primero simplemente recuperar el elemento del DOM al que debes aplicar el evento click
- Comprueba que eres capaz de aplicarlo, haciendo una prueba simple, como por ejemplo, que al hacer clic, muestre un mensaje por la consola.
- Después, haz que al hacer clic en el botón, intenta escribir alguna cosa debajo de Last Message Delivered. Cualquier texto.
- Investiga un poco sobre como conseguir el valor de un campo input.
- Usa la información del punto anterior para conseguir el valor del campo input, y escríbelo en el elemento del DOM adecuado.
- BONUS. Fíjate en la demo como se comporta la aplicación cuando no existe un mensaje en el input y le damos a Enviar. ¿Serías capaz de emular dicho comportamiento?
Finalmente, en js/solution_provided.js tienes una solución del autor original.
-
NO copies/pegues una línea de código. Ni siquiera de tu ejercicio anterior. El objetivo es que obtengas soltura y entendimiento en los datos que estás tratando.
-
Queda prohibido el uso de cualquier otro método para obtener elementos del DOM que no sea querySelector.