New rule: Ban top-level querying in module.

[koddsson]

Querying should be wrapped in event listeners such as document.addEventListener('DOMContentLoaded', ...) or a Web Component.

👎🏻 Examples of bad code.

const el = document.querySelector('.my-element')

👍🏻 Example of good code.

document.addEventListener('DOMContentLoaded', function() {
  const el = document.querySelector('.my-element')
})