JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<form>
  <label for="newsletter">
    <input type="checkbox" id="newsletter" name="newsletter">
    Check
  </label>
      <button type="button">
      OK
    </button>
</form>

JavaScript

var newsletterSubscription = true;

$('button').on('click', function(event) {
  var isSubscribed = newsletterSubscription;
  var isChecked = $('input#newsletter').is(':checked');

  if (isChecked && !isSubscribed) {
    console.log('ok');
  }

  if (!isChecked && isSubscribed) {
     console.log('not ok');
  }
  
  return false;
});