Здравствуйте, помогите пожалуйста
Есть код
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;
}
<input id="quantity" type="text" placeholder="Кол-во комбинаций" style="background: #ffffff!important;color: #8f2d00!important;font-size: 20px!important;"/>
<input class="annoying-btn" type="button" value="Получить комбинации" onclick="generate()" />
<div id="Genone"></div>
Данный скрипт генерит 5 чисел из 37, создавая множество блоков с классом
inone
Как сделать так чтобы у каждой информации с классом
inone
справа появился чекбокс и если человек нажмет этот чекбокс, данный элемент удалялся, а где чекбокс не нажат эти блоки оставались?