JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<label>
Confusion
<input type="checkbox" /></label><br />
<label>
Avalache
<input type="checkbox" /></label><br />
<label>
Confusion
<input type="checkbox" /></label><br />
<label>
Avalache
<input type="checkbox" /></label>
<hr />
<button class="done">
Done
</button>
<hr />
<div class="out">

</div>

JavaScript

$(".done").click(function(e) {
	var out = "";
  out += $("input").eq(0).prop("checked") ? "✔️" : "✖️";
  out += $("input").eq(1).prop("checked") ? "✔️" : "✖️";
  out += $("input").eq(2).prop("checked") ? "🛡️" : "✖️";
  out += $("input").eq(3).prop("checked") ? "🛡️" : "✖️";
	$("input").prop("checked", false);
  $(".out").text(out);
	e.preventDefault();
});