Werken met tekst van elementen in JavaScript
DOM-elementen hebben een eigenschap textContent,
die het mogelijk maakt om de tekst van deze elementen te lezen.
Laten we een voorbeeld bekijken. Stel
we hebben de volgende tag:
<p id="elem">tekst</p>
Laten we een referentie naar deze tag in een variabele zetten:
let elem = document.querySelector('#elem');
Laten we de tekst van de tag lezen:
console.log(elem.textContent);
Laten we de tekst van de tag veranderen:
elem.textContent = '!!!';
Gegeven een alinea en een knop. Bij een klik op de knop, lees de tekst van de alinea en toon deze in de console.
Gegeven een alinea en een knop. Bij een klik op de knop, schrijf een nieuwe tekst in de alinea.
Gegeven twee alinea's, die als hun tekst een aantal getallen bevatten, en een knop. Bij het indrukken van de knop toon op het scherm de som van de opgeslagen getallen.
Gegeven drie alinea's met getallen, een div, en een knop. Bij het indrukken van de knop, schrijf in de tekst van de div de som van de getallen.
Gegeven een alinea met een getal en een knop. Bij het indrukken op de knop, tel één op bij de waarde van de alinea en schrijf het verkregen getal terug.
Gegeven een alinea met tekst en een knop. Bij het indrukken op de knop, schrijf aan het einde van de tekst van de alinea een uitroepteken.
