JSFiddle - React, Tailwind, and code Playground

by draditya91

HTML

<input type="checkbox" id="chbx" />
<button id="btn">Trigger</button>

<div id="output"></div>

JavaScript

var input = document.getElementById('chbx')
  , button = document.getElementById('btn')
  , output = document.getElementById('output');

button.addEventListener('click', function() {
    if (input.checked) input.checked = false;
    else input.checked = true;

    if ("createEvent" in document) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    input.dispatchEvent(evt);
     }
    else
    input.fireEvent("onchange");
});

input.addEventListener('change', function() {
    output.innerHTML += ' changed';
});