New course! Every coder should learn Generative AI!
Try a free lesson+ 1
Mudar uma Imagem com um click
Como faço para mudar uma imagem com um click? ex:Luz apagada ai eu clico e substituo ela por outra imagem no caso uma luz acesa
1 Answer
+ 2
<!DOCTYPE html>
<html>
<head>
<script>
var mysrc = "mars.jpg";
function changeImage() {
if (mysrc == "mars.jpg") {
document.images["pic"].src = "http://www.fluidoweb.com/images/SoloLearn/mars.jpg";
document.images["pic"].alt = "Mars";
mysrc = "earth.jpg";
} else {
document.images["pic"].src = "http://www.fluidoweb.com/images/SoloLearn/earth.jpg";
document.images["pic"].alt = "Earth";
mysrc = "mars.jpg";
}
}
</script>
</head>
<body>
<img src="http://www.fluidoweb.com/images/SoloLearn/earth.jpg"
alt="Earth" id="pic" class="portrait"
onclick="changeImage()"
width="464px" height="298px">
</body>
</html>
Often have questions like this?
Learn more efficiently, for free:
Hot today
Problem
0 Votes
USING HTML ONLY!!!
4 Votes
Why is the result always 0?
1 Votes
Dark web access
1 Votes