# JavaScript FAQ's

• How can I run a function when the screen first loads?
• What selectors can I use to select the next instance of an element or class?

# How can I run a function when the screen first loads?

To run a function when the screen first loads, you can use the window.onload event or the modern DOMContentLoaded event. These events ensure that your JavaScript code is executed after the HTML content has been fully loaded and is ready to be manipulated.

// `window.onload` event
window.onload = () => {
    myFunc();
};

// `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', () => {
    myFunc();
});

# What selectors can I use to select the next instance of an element or class?

<script> // select next canvas </script>
<canvas></canvas>

<script> // select next canvas </script>
<canvas></canvas>