JSFiddle - React, Tailwind, and code Playground

HTML

<a id="click1" href="#">Add</a> <a id="click2" href="#">Reset</a>

<div id="click1_div">
    <p>some text</p>
</div>

JavaScript

$(document).ready(function() {
    var isChanged = false,
        $clickDiv = $('#click1_div'),
        defaultText;
    
    $('#click1').on('click', function(e) {
        e.preventDefault();
        
        if(!isChanged) {
            defaultText = $clickDiv.html();
            isChanged = true;
            $clickDiv.html('<strong>CHANGE TEXT</strong>');
        } else {
            alert('div is already changed');
        }
    });
    
    $('#click2').on('click', function(e) {
        e.preventDefault();
        
        if(isChanged) {
            $clickDiv.html(defaultText);
            isChanged = false;
        } else {
            alert('no change detected');
        }
    });
});