这很简单,我不知道为什么我遇到麻烦.我试图模仿两张图像之间的翻转卡,所以当点击时,它只会改变为另一张图像.我的if/else语句有问题,因为每次单击图像时,它都不会进入else部分.在HTML页面的源代码中,图像的src正在被更改,但每次都传递if语句.
(function() {
// attaches event handler to image
window.onload = function() {
var image1 = document.getElementById("image1");
image1.onclick = changeImage;
};
// changes image when clicked to flip from image to text and text to image
function changeImage() {
if (document.getElementById("image1").src = "img/top.png") {
document.getElementById("image1").src = "img/toptext.png";
//window.alert('hi');
}
else {
window.alert('it passed');
document.getElementById("image1").src="img/top.png";
}
}
})();
Run Code Online (Sandbox Code Playgroud) javascript ×1