Recursion String Thing
by Dominic Myers
HTML
<div id="data"></div>
JavaScript
const container = document.getElementById("data");
const ourString = "1234567";
const chunkSize = 2;
const sendChunk = (ourString) => {
const chunk = ourString.substr(0, chunkSize);
const div = document.createElement("div");
div.textContent = `Sending: ${chunk}`;
container.appendChild(div);
ourString = ourString.slice(chunkSize);
if (ourString.length) {
sendChunk(ourString);
} else {
const finalDiv = document.createElement("div");
finalDiv.textContent = "All Done!";
container.appendChild(finalDiv);
}
};
sendChunk(ourString);