JSFiddle - React, Tailwind, and code Playground

by deveedutta

HTML

<div id="container">
    <textarea id="field1" onfocus="if(this.innerHTML == 'Place Holder Text') this.innerHTML = '';" onblur="if(this.innerHTML == '' ) this.innerHTML = 'Place Holder Text';">Place Holder Text</textarea>
</div>
<input id="button1" value="Click to Toggle Text Field" />

JavaScript

var placeHolder = "Place Holder Text"
var flag = false;
elem = document.getElementById("container");
btn1 = document.getElementById("button1");
btn1.addEventListener("click", function () {
    if (flag === false) {
        elem.style.display = "none";
        flag = true;
    } else {
        elem.style.display = "block";
        flag = false;
    }
});