Работа со HTML код на елементите во JavaScript

DOM елементите имаат својство innerHTML, кое овозможува читање на HTML кодот на овие елементи. Да погледнеме на пример. Нека имаме следниот таг:

html<p id="elem"><b>text</b></p>

Да ја добиеме референцата за овој таг во променлива:

javascriptlet elem = document.querySelector('#elem');

Да го прочитаме HTML кодот на тагот:

javascriptconsole.log(elem.innerHTML); // ќе испечати <b>text</b>

Да го смениме текстот на тагот:

javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1

Даден е параграф и копче. При клик на копчето прочитајте го HTML кодот на параграфот и испечатете го во конзола.

Задание 2

Даден е параграф и копче. При клик на копчето запишете во параграфот нов текст така што тој ќе биде задебелен.