JSFiddle - React, Tailwind, and code Playground

by Rayon Dabre

HTML

<input type="checkbox" name="module" value="module 1" />
<input type="checkbox" name="module" value="module 2" />
<input type="checkbox" name="module" value="module 3" />
<div id="result"></div>

JavaScript

$('input[name="module"]').click(function(){ 
var id=this.value.replace(/ /g, "");
  if (this.checked) {
    var span = "<span id='" + id + "'>" + this.value + "<br /></span>";
    $("#result").append(span);
  }else{
  
    $("#" + id).remove();
  }
});