JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p id="textArea"><!-- This is where I want to additional text--></p>
</div>


<a id="toggleButton" onclick="toggleText();" href="javascript:void(0);">See More</a>

JavaScript

var status = "less";

function toggleText()
{
    var text="Here is some text that I want added to the HTML file";
    
    if (status == "less") {
        document.getElementById("textArea").innerHTML=text;
        document.getElementById("toggleButton").innerText = "See Less";
        status = "more";
    } else if (status == "more") {
        document.getElementById("textArea").innerHTML = "";
        document.getElementById("toggleButton").innerText = "See More";
        status = "less"
    }
}