40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
// 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...");
|
|
|
|
|
|
// 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");
|
|
let displayMemory = () => {
|
|
memoriesBox.innerHTML = `
|
|
<h2>${memories[cm].name}</h2>
|
|
<p>${memories[cm].memory}</p>
|
|
`;
|
|
};
|
|
(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!");
|