Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | function initChildDiv(values, mainDiv, childCount=0) { for (let i = childCount + 1; i <= childCount + parseInt(values); i++) { const childDiv = document.createElement('div'); childDiv.classList.add("box", "off"); childDiv.innerHTML = "Turned OFF " + i; childDiv.setAttribute("id", i); childDiv.addEventListener('click', () => { if (childDiv.classList.contains("off")) { childDiv.innerText = 'Turned ON ' + i; childDiv.classList.replace("off", "on"); } else { childDiv.innerText = 'Turned OFF ' + i; childDiv.classList.replace("on", "off"); } }); mainDiv.appendChild(childDiv); } } function handleAddChildDiv() { const mainDiv = document.getElementById("mainDiv"); const values = document.getElementById("input").value; mainDiv.replaceChildren(); initChildDiv(values, mainDiv) Iif(values>0){ document.getElementById("append").disabled = false; } } function handleAppendChildDiv() { const mainDiv = document.getElementById("mainDiv"); const values = document.getElementById("input").value; Iif (mainDiv.children.length > 0) { let childDivs = mainDiv.lastChild.getAttribute('id'); initChildDiv(values, mainDiv, parseInt(childDivs)); } } function handleClearChildDiv() { document.getElementById("mainDiv").replaceChildren() } module.exports = { initChildDiv, handleAddChildDiv, handleAppendChildDiv, handleClearChildDiv, }; |