JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div">
<h1>Ну это параграф вообще-то.</h1>
<p id="a" onclick="b()">
  <h2>Здесь напишем какой-то цвет.</h2>
</p>
</div>
<textarea id="html"></textarea>

CSS

#a {
  /*width: auto;
   height: auto;*/
   border: 1px solid red;
   border-radius: 200px;
   border-width: 3px;
   background: black;
   font-family: monospace;
}
textarea {
  width: 100%;
  height: 150px;
}

JavaScript

function b() {
   alert(document.getElementById('a').childNodes[0].innerHTML);
}

window.onload = function() {
  document.getElementById('html').value = document.getElementById('div').innerHTML;
}