JSFiddle - React, Tailwind, and code Playground

by dexterity

HTML

Jquery<br><br>
<div id="mydiv">some text</div>
<br><br>
<button id="bn" style="cursor:pointer">Empty div</button>
<br><br><br>or<br>javascript
<br><br>
<div id="purejar">some text</div>
<br><br>
<button id="bnjar" onclick="run()" style="cursor:pointer">Empty div</button>

CSS

#purejar, #mydiv {
  background: #ddd;
  height: 50px;
  line-height: 48px;
}

JavaScript

//jQuery
$(document).on('click', '#bn', function() {
  $("#mydiv").empty();
  $("#bn").empty().append("Done!");
});

//javascript

var run = function() {
  var purejar = document.getElementById("purejar");
  var bn = document.getElementById("bnjar");
  purejar.innerHTML = '';
  bn.innerHTML = 'Done!';
}