Tengo una función que mostrará el contenido de los precios de los artículos que pueden cambiar su orden de ascendente a descendente con solo hacer clic en un botón, así como los botones HTML interno que se cambian para mostrar el texto que muestra en qué orden se muestran. La función de carga se llama en la parte superior de mi código HTML. Hay una verificación dentro de mi función para ver en HTML interno del botón (por lo que cambia al valor opuesto cada vez que se hace clic en él), pero cuando llamo a la función al cargar , aparece en la consola como

'No se pueden leer las propiedades de nulo (leyendo 'innerHTML') en ....... en HTMLScriptElement.onload'

Función JS:

 function myFunc() { var elem = document.getElementById("selectionButton") if (elem.innerHTML=="descending") { elem.innerHTML = "ascending "} else { elem.innerHTML = "descending"}

Cargar:

 <script src="script.js" onload="myFunc()" ></script>

Botones:

 <button onclick="myFunc()" id="selectionButton" >Ascending</button>