diff --git a/js/memories.js b/js/memories.js index 67ffe81..ef5992e 100644 --- a/js/memories.js +++ b/js/memories.js @@ -1,30 +1,39 @@ // I don't know if this will work, but we can try..... -fs64 // https://codingartistweb.com/2022/06/testimonial-slider-using-javascript/ heavily modified from this -64 console.info("Loading memories.js..."); -let memories = "../conf/memories.json" // File containing the memories -let cm = 0; // (C)urrent (m)emory -let l = memories.length; // Total file length -console.info(`Found ${l} memory keys!`); + +// browser js is so bootleg +let memories; // contain the memories +let cm = 0; // (C)urrent (m)emory +// Get our memeoriesBox and buttons from HTML elements on the HTML page let memoriesBox = document.getElementById("memoriesBox"); let nxtBtn = document.getElementById("next"); let bckBtn = document.getElementById("prev"); -// Get our memeoriesBox and buttons from HTML elements on the HTML page - -nxtBtn.addEventListener("click", () => { - cm = (l + cm + 1) % l; - displayMemory(); -}); // Switch to the next memory -nxtBtn.addEventListener("click", () => { - cm = (l + cm - 1) % l; - displayMemory(); -}); // Switch back to the previous memory, nopony tell anyone else that we copied this :^) -64 - let displayMemory = () => { - displayMemory.innerHTML = ` -

${memoriesBox[cm].name}

-

${memoriesBox[cm].memory}

+ memoriesBox.innerHTML = ` +

${memories[cm].name}

+

${memories[cm].memory}

`; }; -window.onload = displayMemory; +(async() => { + await fetch("./conf/memories.json").then(r=>r.json()).then(d=>memories=d).catch(e=>{ + // error code when fetching here + console.log(e) + }); + + let l = memories.length; // Total file length + console.info(`Found ${l} memory keys!`); + + nxtBtn.addEventListener("click", () => { + cm = (l + cm + 1) % l; + displayMemory(); + }); // Switch to the next memory + bckBtn.addEventListener("click", () => { + cm = (l + cm - 1) % l; + displayMemory(); + }); // Switch back to the previous memory, nopony tell anyone else that we copied this :^) -64 + + displayMemory(); // This will executed as soon as all the above has. -TCG +})(); console.info("Done!");