按下按钮时更改按钮的图像，使用javascript

Question

我想在按下特定按钮时在变量中设置一个值。当我重新加载页面时，我希望此按钮处于按下状态。我想您在pageloaded函数变量的值，但我不知道该如何改变在JavaScript按钮的状态。请帮助

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); 
});