JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<input type="checkbox" id="my-checkbox">
<button id="my-button">
  Toggle
</button>
<div id="my-div"></div>

JavaScript

const c = document.getElementById('my-checkbox')
const b = document.getElementById('my-button')
const d = document.getElementById('my-div')

let checked = false

function toggle(ev) {
  ev.preventDefault()
  checked = !checked
  c.checked = checked
  d.innerHTML = `${checked}`
}

c.addEventListener('click', toggle)
b.addEventListener('click', toggle)