You have completed (UPI) Chapter 9: Understanding the Document Object Model (DOM) with JavaScript!

Instruction

Misusing innerHTML

The content of an element can be changed by assigning a new value to its innerHTML property. If this new value contains an HTML fragment, it creates child nodes within the element. This approach works but is not the intended way to use innerHTML.

const elem = document.getElementById(&quot;p1&quot;);
elem.innerHTML = &quot;New text in the paragraph.&lt;p&gt;next P&lt;/p&gt;&lt;p&gt;and even one more P&lt;/p&gt;&quot;;

...