JSFiddle - React, Tailwind, and code Playground

by Michael Perrenoud

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<html>
  <body>
    <h1 id="heading">Hello</h1>
    <p>
      <h2 data-mike="bob">
        World
      </h2>
      <h2 data-mike="bill">
        World
      </h2>
    </p>
  </body>
</html>

JavaScript

var elem = document.getElementById('heading')
console.log(elem.innerHTML)

elem.innerHTML = '<h2>Hello</h2>, Mike!'
console.log(elem.innerHTML)

/* var $elem = $('#heading');
$elem.text('Mike') */

var $h2 = $('h2')
console.log($h2.length)
console.log($h2.data('mike'))