Ändern Sie das Bild der Schaltfläche gedrückt, mit Javascript

Question

Ich versuche, einen Wert in Variable festzulegen, wenn eine bestimmte Schaltfläche gedrückt wird. Ich möchte, dass diese Taste gedrückt wird, wenn ich die Seite erneut lade. Ich versuche, den Wert der Variablen in der seitengeladenen Funktion zu überprüfen, aber ich weiß nicht, wie man den Zustand der Schaltfläche in Javascript ändern kann. Pls help

Answer 1

HTML:

<button onclick="changeit()"><img src="bla.jpg" id="changevalue"></button> 

JS:

function changeit(){ 

    document.getElementById("changevalue").src = "newimg.jpg"; 

} 

Answer 2

HTML:

<button id="myButton"><img src="myImage.jpg" id="myImage"></button> 

JS:

var NEW_IMAGE_URI = "myNewImage.jpg"; 
var buttonState = false; 

function changeButtonImage(){ 
    if (buttonState) { 
    return; 
    } 
    document.querySelector("#myImage").src = NEW_IMAGE_URI; 
    buttonState = true; 
} 

document.addEventListener("DOMContentLoaded", function(event) { 
    var buttonElement = document.querySelector('#myButton'); 
    buttonElement.addEventListener('click',changeButtonImage); 
});