javascript - GetElementbyID が起動しない

Question

ここで読んだことから、このコードが機能することを期待していますが、機能しません。「lonext」というボタンにクリック イベントを追加する 2 つの方法を試しました。どちらも機能しません。これがなぜなのかわかりませんか？

window.onload = function() {

var goSC = function() { //go to the sucess criteria section
    document.getElementsByClassName("guidance1").style.display = "none";
    document.getElementsByClassName("guidance2").style.display = "";
    alert("button clicked");

//first try
document.getElementById("lonext").addEventListener("click", function() {
    goSC();     
    }, false);

//second try
document.getElementById("lonext").onclick = goSC;

}