“Contoh JavaScript Ubah OnClick” Kode Jawaban

Contoh JavaScript Ubah OnClick

//in html
<img id="img" data-image="user1" src="/assets/user1.jpg" onclick="change_image()" />

//in javascript
const img = document.getElementById('img');
const change_image = function() {
  if (img.dataset.image == "user1") {
  	img.src = "/assets/user2.jpg";
    img.dataset.image = "user2";
    return
  };
  
  if (img.dataset.image == "user2") {
  	img.src = "/assets/user1.jpg";
    img.dataset.image = "user1";
    return
  };
};
Julio Polycarpo

Ubah Image Onclick JavaScript

<p>
    <img alt="" src="http://www.userinterfaceicons.com/80x80/minimize.png" 
        style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()"/>
</p>
<script>
function changeImage() {
    if (document.getElementById("imgClickAndChange").src == "http://www.userinterfaceicons.com/80x80/minimize.png"){
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/maximize.png";
    } else {
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/minimize.png";
    }
}
</script>
ayaan

cara mengubah gambar pada mouse klik di javascript

<img src="imageName1.jpg" onmouseover="imagefun()" id="getImage">
Black Bat

Jawaban yang mirip dengan “Contoh JavaScript Ubah OnClick”

Pertanyaan yang mirip dengan “Contoh JavaScript Ubah OnClick”

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya