How to Use a Function Inside window.onload in JavaScript

---

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---

Understanding the Problem

[[See Video to Reveal this Text or Code Snippet]]

If you want to use the doSomething function outside of this block, you may find it difficult, as the function is scoped to the onload event. The question arises: Is there a way to make the doSomething function callable without having to rewrite it outside?

The Solution: Global Scope

Step 1: Define the Function Globally

To ensure that your function is accessible outside of the onload event, define it outside of that block:

[[See Video to Reveal this Text or Code Snippet]]

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Use the Function Anywhere

Since doSomething is defined in the global scope, you can also call it anywhere else in your JavaScript code:

[[See Video to Reveal this Text or Code Snippet]]

Why Not Just Declare Everything Inside onload

While it might be tempting to define functions only within event handlers to keep related code together, this can lead to challenges with code reuse and maintenance.

Global variables/functions are accessible throughout your code, making it easy to reuse them.

Keeping functions scoped only to event handlers limits their usability and increases code duplication.

Conclusion

Now you know how to manage function scope effectively in JavaScript! Keep coding, and happy scripting!