LemonadeJS reactive JS

Conditional show/hide DOM elements.

by Spreadsheet Online

HTML

<script src="https://lemonadejs.net/v2/lemonade.js"></script>

<div id="root"></div>

JavaScript

function App() {
  let self = {};
  self.disabled= false;
  let template = `<>
        <button onclick="self.disabled = !self.disabled">{{!self.disabled?'Disable':'Enabled'}}</button>
        <input type="text" disabled="{{self.disabled}}" />
    </>`;
 
    return lemonade.element(template, self);
}

lemonade.render(App, document.getElementById('root'));