Button Value (Text) dynamisch/attributsbasierend beim Laden einer Seite

Hallo liebes Forum,

ich habe auf meinen Seiten einen Button, der zwei verschiedene Button-Text-Werte anzeigt. Er sieht momentan so aus:

<button id="lauftest" name="lauftest" onclick="toggleText(this.id)" onpageshow="setButtonText(this.id)"></button>

toggleText(id) ändert den Text des Buttons wie gewünscht.
Ich möchte allerdings den Text des Buttons beim Neuladen der Seite dynamisch auf einen der zwei gewünschten Text-Werte setzen.
Meine Idee war es das Event-Attribut onpageshow zu benutzen. --> onpageshow="setButtonText(this.id)"

Das JS dazu sieht so aus:

function setButtonText(button_id){ 
console.log("onpageshow funkt");
var buttonName = "testtest";
document.getElementById(button_id).innerText = buttonName;
}


function toggleText(button_id) 
{ 
var buttonText = document.getElementById(button_id).innerText;
    if (document.getElementById(button_id).innerText == "VORMERKEN") 
    {
       document.getElementById(button_id).innerText = "Vormerkung löschen";
   }
   else 
   {
     document.getElementById(button_id).innerText = "Vormerken";
   }
              ...
}

?
Leider funktioniert dies nicht. Konsolen-Log wird nicht erzeugt. Könnte mir bitte jemand helfen?:p

PS: Das html Attribut value funktioniert nicht um den Text des Buttons zu setzen. Habe keine Ahnung wieso das so ist, bzw ob es damit zusammenhängt.