box1.style.backgroundColor = "#FEEFD4"; box1s.style.fontSize = "44px"; document.querySelector('#box2').style.height = "138px"; document.querySelector('#box2').style.width = "113px"; document.querySelector('#box2s').style.width = "552px"; document.querySelector('#box2s').style.height = "452px"; const circleBox3 = document.createElement('div'); circleBox3.className = 'circle'; document.getElementById('box3').appendChild(circleBox3) clearFinished = () => { let move = document.querySelectorAll("#box5 .chore.done"); move.forEach(item => document.getElementById('box5s').appendChild(item)) } clearFinished() addChore = () => { const li = document.createElement("li") const newChore = document.createTextNode("") li.appendChild(newChore) li.setAttribute("class", "undone") document.querySelector("#box5 ul").innerHTML += '