Ordem de carregamento de elementos no DOM

Boa tarde, eu estava tentando adaptar diversos códigos, um inclusive eu peguei de referência do site cangaceiro, mas eu travei com a mistura de códigos, primeiro que eu tive que tirar o $, por causa do jquery do outro código e depois eu tive que acrescentar window.load para não aparecer um erro no addEventListener of null.

Então eu queria entender melhor como eu posso juntar códigos, porque por exemplo, eu coloquei o prinDate dentro de window.load e deu um erro de null para o document.getElementById.

window.onload = function () {
        const previewImg = document.querySelector('.preview-img');
        const fileChooser = document.querySelector('.file-chooser');
        const fileButton = document.querySelector('.file-button');

        fileButton.onclick = () => fileChooser.click();

        fileChooser.onchange = e => {
            const fileToUpload = e.target.files.item(0);
            const reader = new FileReader();
            reader.onload = e => previewImg.src = e.target.result;
            reader.readAsDataURL(fileToUpload);
        };     
    }

    function printDate() {
            let textDate = document.getElementById('inputDate').value;
            document.getElementById('outputDate').textContent = textDate;
        }

        function printMessage() {
            let textMessage = document.getElementById('inputMessage').value;
            document.getElementById('outputMessage').textContent = textMessage;
        }
        function changeBg(event) {
            document.getElementById('card').style.background = event.target.value;
        }
        function changeText() {
            let textColor = document.getElementById('inputText').value;
            document.getElementById('card').style.color = textColor;
        }
        function textShow(selected_id) {
            document.getElementById('card').className = selected_id;
        }
        function textAlign(selected_id) {
            document.getElementById('card').className = selected_id;
        }
        function formSubmit() {

        }
        function formReset() {
            window.location.reload();
        }
    </script>