JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contact">
<- Click
</div>

<div id="about">

</div>

CSS

#contact::before {
  content: 'X';
  pointer-events: all;
}
#contact {
  pointer-events: none;
}

JavaScript

$('#contact').click(function (e) {
    $('#about').append('<h1>test</h1>');
    e.preventDefault();
});