Работа с текстом элементов на JavaScript
У DOM элементов есть свойство textContent,
позволяющее прочитывать текст этих элементов.
Давайте посмотрим на примере. Пусть
у нас есть следующий тег:
<p id="elem">text</p>
Получим ссылку на этот тег в переменную:
let elem = document.querySelector('#elem');
Прочитаем текст тега:
console.log(elem.textContent);
Поменяем текст тега:
elem.textContent = '!!!';
Дан абзац и кнопка. По клику на кнопку прочитайте текст абзаца и выведите его в консоль.
Дан абзац и кнопка. По клику на кнопку запишите в абзац новый текст.
Даны два абзаца, содержащие своим текстом какие-то числа, и кнопка. По нажатию на кнопку выведите на экран сумму хранящихся чисел.
Даны три абзаца с числами, див, и кнопка. По нажатию на кнопку запишите в текст дива сумму чисел.
Дан абзац с числом и кнопка. По нажатию на кнопку прибавьте к значению абзаца единицу и запишите полученное число обратно.
Дан абзац с текстом и кнопка. По нажатию на кнопку запишите в конец текста абзаца восклицательный знак.