смена картинок при клике
 

не работает смена картинок при клике. нужно чтобы первое нажатие меняло картинку, а второе возвращало к исходной.

<img id="myImage" src ="style/images/img1.jpg/>

var image = document.getElementById("myImage");
image.addEventListener("click", function(){
   if (image.src = "style/images/img1.jpg){
      image.src = style/images/img2.jpg;}
   else{
      image.src = style/images/img1.jpg;}

});

rusher,
у вас кавычки убежали и сравнения нет, и вам атрибут надо проверять, а не свойство

рони,

так лучше?

var image = document.getElementById("myImage");
    image.addEventListener("click", function(){
      if (this.classList.contains("changed")){
        this.src = "style/images/img1.png";
        this.className = "";}
      else{
        this.className="changed";
        this.src = "style/images/img2.png";}
     });

rusher,

<img id="myImage" src ="style/images/img1.jpg">
<script>
var image = document.getElementById("myImage");
image.addEventListener("click", function(){
   if (image.getAttribute("src") == "style/images/img1.jpg"){
      image.src = "style/images/img2.jpg"}
   else{
      image.src = "style/images/img1.jpg"}

});
</script>