joceqo

const sessionStorageData = JSON.parse(sessionStorage.getItem("indexSelectedFilters")) || [];
for (let i = 0; i < sessionStorageData.length; i++){
  const value = sessionStorageData[i];
  const checkbox = document.querySelector(`#${value}`);
 
  if (checkbox) {
    checkbox.checked = true;
  }
}

joceqo

let form = document.querySelector('#wf-form-Search-Bar');
let submitButton = document.querySelector('#form-button');
const selectedFilters = sessionStorage.getItem('indexSelectedFilters');
let tempSelectedFilters;
if (selectedFilters === null) {
  sessionStorage.setItem('indexSelectedFilters', '');
  tempSelectedFilters = [];
} else {
  tempSelectedFilters = JSON.parse(selectedFilters);
}

joceqo

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

---

Given the code

joceqo

console.log('hello simon')

document.addEventListener("DOMContentLoaded", () => {
  // 🍪 on init check the monto cookie

  function getCookieValue(name) {
    const regex = new RegExp(`(^| )${name}=([^;]+)`);
    const match = document.cookie.match(regex);
    if (match) {
      return match[2];

joceqo

https://l55hw2.csb.app/ds

joceqo

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);
	return mix(rand(fl), rand(fl + 1.0), fc);
}