JSFiddle - React, Tailwind, and code Playground

by Barry Margolin

HTML

<span class="editInput">Change the value on click</span>

<button>Click me</button>

JavaScript

var editmode = false;

$('button').on('click', function () {
    if (editmode) {
        $('.editInput').replaceWith(function () {
            return $("<span>", {
                "class": this.className,
                text: this.value
            });
        });
        editmode = false;
    } else {
        $('.editInput').replaceWith(function () {
            return $("<input>", {
                value: this.innerText,
                    "class": this.className
            });
        });
        editmode = true;
    }

});