html - Changing image source in JavaScript -


i'm new javascript, , i'm trying alternate image every click 1st 2nd , 2nd 1st(indefinitely). tried this:

function change() {        var imgid = document.getelementbyid("image");        var ubuntu = imgid.src="ubuntu.jpg";        var debian = imgid.src="debian.jpg"        if(imgid.src="ubuntu.jpg") {            return debian;        } else if(debian) {            return ubuntu;          }    }
<img id="image" src="ubuntu.jpg" width="160" height="120" onclick = "change()">        

also, know reason why code changing image ubuntu debian not debian ubuntu.

you can toggle src between 2 images so:

function change () {     var imgelement = document.getelementbyid("image");      if (imgelement.src === 'debian.jpg') {         imgelement.src = 'ubuntu.jpg';     }     else {         imgelement.src = 'debian.jpg';     } } 

or, using ternary operator:

function change () {     var imgelement = document.getelementbyid("image");     var src = imgelement.src;      imgelement.src = src === 'debian.jpg' ? 'ubuntu.jpg' : 'debian.jpg'; } 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -