JSFiddle - React, Tailwind, and code Playground

by kasdega

HTML

<div id="wrapper">
    <input id="bps_Show" type="checkbox" value="click me" onclick="toggleInput();"/>
</div>

JavaScript

var oldInput = "<input id=\"bps_Show\" type=\"checkbox\" value=\click me\" onclick=\"toggleInput();\"/>";
var newInput = "<input id=\"bps_Show\" type=\"button\" value=\click me\" onclick=\"toggleInput();\"/>";

function toggleInput() {
    var wrapper = document.getElementById('wrapper');
    var elm = document.getElementById('bps_Show');
    //bps_toggleForm();
    
    if(elm.getAttribute("type") == "button") {
        wrapper.innerHTML = oldInput;
    } else {
        wrapper.innerHTML = newInput;
    }
    return false;
}