JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <p id="paragraphOne">This is the First paragraph.</p>
  <p id="paragraphTwo">This is the Second paragraph.</p>
</div>

<script>
const ThirdParagraph = document.createElement("p");
ThirdParagraph.id = "paragraphThree";
const TextNode = document.createTextNode("This is the Third paragraph.");
ThirdParagraph.appendChild(TextNode);

const newElement = document.getElementById("main");
newElement.appendChild(ThirdParagraph);
</script>