Как добавить checkbox используя js, с условием?

Question

[sochi-russia]

Есть код

function  generate() {
document.getElementById("Genone").innerHTML = "";
  const numbers = (new Array(37)).fill(1).map((a, i) => a + i);
  let resultSet = new Map();
   let qnt = parseInt(document.getElementById('quantity').value, 10);
  while (resultSet.size < qnt) {
let nums = shuffle(numbers).slice(0, 6);
let key = (nums.sort() + '');
resultSet.set(key, nums);
  }
  resultSet.forEach(val => {
const main = createTableWithContent(val.join('-'), "inone");
   document.getElementById("Genone").append(main);

   
  })
}

function shuffle(arr) {
  return arr.map(el => {
return {
  item: el,
  sort: Math.random()
}
  }).sort((a, b) => a.sort - b.sort).map(el => el.item);
}



function createTableWithContent(content, className) {
  const tableEl = document.createElement("TABLE");
  tableEl.className = className || "";
  tableEl.append(content);
  return tableEl;

}

Данный скрипт генерит 5 чисел из 37, создавая множество блоков с классом

inone

Как сделать так чтобы у каждой информации с классом

inone

справа появился чекбокс. И если человек нажмет этот чекбокс, данный элемент удалялся, а где чекбокс не нажат эти блоки оставались?

Comments

[KERSOR]

пришли готовый на jsfiddle.net

[sochi-russia]

KERSOR, на jsfiddle нет возможности, на кодпене https://codepen.io/sochi-russia/pen/jOKrxJg

[sochi-russia]

KERSOR, Добавил в вопрос

[KERSOR]

Добавляй в каждый div вместо таблиц

let str = '<div class="main">
                <span>' +РЕЗУЛЬТАТ_КАЖДОЙ_СТРОКИ + '<span>
                <input type="checkbox">
             </div>'
document.getElementById("Genone").append(str);

[sochi-russia]

KERSOR, Покажите пожалуйста как код должен выглядеть в итоге?