[JavaScript]関数内でグローバル変数を宣言したい

Question

前提・実現したいこと

変数を（できれば）関数内でグローバル変数として宣言して関数の外でその変数を呼び出したい

発生している問題・エラーメッセージ

Uncaught ReferenceError: slider is not defined

該当のソースコード

        window.onload = function() {
            label = document.getElementById('label');
            slider = document.getElementById('slider');
        };
        
        slider.addEventListener("input", function() {
                label.textContent = 'size is ' + slider.value + 'px';
        });

試したこと

関数の外で一度宣言して関数内で値を代入してみましたが以下の様なエラーが発生しました。

var label = null;
var slider = null;
window.onload = function() {
            label = document.getElementById('label');
            slider = document.getElementById('slider');
        };

        slider.addEventListener("input", function() {
                label.textContent = 'size is ' + slider.value + 'px';
        });

Uncaught TypeError: Cannot read property 'addEventListener' of null

Answer 1

window.onload = function() {  
label = document.getElementById('label');  
slider = document.getElementById('slider');  
//};  

slider.addEventListener("input", function() {  
label.textContent = 'size is ' + slider.value + 'px';  
});  
};  // <- ここ

Answer 2

window.onload =
この行はロードされたときに実行される関数をセットしているだけで、その関数は 後で （ロードが完了したときに）実行されますね。

で、その実行を待たずに（つまりsliderの値も代入されていないうちに）slider.addEventListenerを参照しているので、当然

read property 'addEventListener' of null

というエラーになります。