Script de carregamento de imagem no HTML

Olá, estou tentando aprender JS e estou passando umas dificuldades, tenho tentado fazer um carregamento de imagem por JS porém não estou conseguindo através do "onload", segue o código

HTML:

<img  class="razer" id="imageoption" onload="imageOption()">

JS:

document.onload = function imageOption() {
document.getElementById("imageoption").src = "images/hyperx-option.png"; }