<script type="text/javascript">
console.log('document.readyState initial:', document.readyState);

// Try event after document is loaded (from https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event)
window.onload = (event) => {
  console.log('document.readyState after window.onLoad:', document.readyState);
};
window.addEventListener('load', (event) => {
  console.log('document.readyState after window.addEventListener(load):', document.readyState);
});
document.addEventListener('DOMContentLoaded', (event) => {
  console.log('document.readyState after document.addEventListener(DOMContentLoaded):', document.readyState);
});

// Document readychange
document.addEventListener('readystatechange', (event) => {
  console.log('document.readyState changed:', document.readyState);
});

// Log after 5 seconds
setTimeout(() => {
  console.log('document.readyState after 5s:', document.readyState);
}, 5000);

// Log after user has clicked
window.addEventListener('click', function() {
  console.log('document.readyState after a click:', document.readyState);
});
</script>