JavaScriptда элементларнинг HTML коди билан ишлаш

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

Абзац ва тугма берилган. Тугма босилганда абзацга янги матн жўн ёзувда бўладиган қилиб ёзинг.