Trabalhando com texto de elementos em JavaScript
Elementos DOM têm uma propriedade textContent
que permite ler o texto desses elementos.
Vejamos um exemplo. Suponha
que temos a seguinte tag:
html<p id="elem">texto</p>
Vamos obter uma referência a esta tag em uma variável:
javascriptlet elem = document.querySelector('#elem');
Vamos ler o texto da tag:
javascriptconsole.log(elem.textContent);
Vamos alterar o texto da tag:
javascriptelem.textContent = '!!!';
Dado um parágrafo e um botão. Ao clicar no botão, leia o texto do parágrafo e exiba-o no console.
Dado um parágrafo e um botão. Ao clicar no botão, escreva um novo texto no parágrafo.
Dados dois parágrafos, contendo em seu texto alguns números, e um botão. Ao clicar no botão, exiba na tela a soma dos números armazenados.
Dados três parágrafos com números, uma div e um botão. Ao clicar no botão, escreva no texto da div a soma dos números.
Dado um parágrafo com um número e um botão. Ao clicar no botão, adicione um ao valor do parágrafo e escreva o número resultante de volta.
Dado um parágrafo com texto e um botão. Ao clicar no botão, escreva no final do texto do parágrafo um ponto de exclamação.