JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:blue; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<form>
  <p>
    <input type="checkbox" name="haber" checked="checked" value="Hourly" />

    <input type="checkbox" name="haber" value="Günlük" />
    <input type="checkbox" name="haber" value="Haftalık" />

    <input type="checkbox" name="haber" checked="checked" value="Aylık" />
    <input type="checkbox" name="haber" value="Yıllık" />
  </p>
</form>
<div></div>

<script>
function countChecked() {
  var n = $("input:checked").length;
  $("div").text(n +  " tane işaretlendi!");
}
countChecked();
$(":checkbox").click(countChecked);
</script>

</body>
</html>