Trabajo con texto de elementos en JavaScript
Los elementos DOM tienen una propiedad textContent,
que permite leer el texto de estos elementos.
Veamos un ejemplo. Supongamos
que tenemos la siguiente etiqueta:
<p id="elem">text</p>
Obtengamos una referencia a esta etiqueta en una variable:
let elem = document.querySelector('#elem');
Leamos el texto de la etiqueta:
console.log(elem.textContent);
Cambiemos el texto de la etiqueta:
elem.textContent = '!!!';
Dado un párrafo y un botón. Al hacer clic en el botón, lea el texto del párrafo y muéstrelo en la consola.
Dado un párrafo y un botón. Al hacer clic en el botón, escriba en el párrafo un nuevo texto.
Dados dos párrafos, que contienen como texto algunos números, y un botón. Al presionar el botón muestre en pantalla la suma de los números almacenados.
Dados tres párrafos con números, un div y un botón. Al presionar el botón, escriba en el texto del div la suma de los números.
Dado un párrafo con un número y un botón. Al presionar el botón, sume una unidad al valor del párrafo y escriba el número obtenido de vuelta.
Dado un párrafo con texto y un botón. Al presionar el botón, escriba al final del texto del párrafo un signo de exclamación.
