Reading
->>>> function fn(){ console.log(arguements } ->>>> this refers to global scope with arrow functions
destructure within desctructure - {today:{min:x,max:y}} < ----- > const {tomorrow:{max:newvalue}} = z
element.insertAdjacentHTML('afterend', 'txt')
Modules
Top level await only works in modules.
Module are imported into the scope of the calling single script
Modules and aren't available in the global scope unless explicitly attached On the other hand, globally-defined variables are available within the module.
Import Maps only work in modules.
Dynamic imports will load a global even if it does not have a default or named export but static imports will not
here text will be accessible in render.js script JS transitions require JS which we don't necessarily want to depend on!