I just can’t figure out how to make a change of the picture by an odd click, when you click 1 time, it changes, 2 times - it does not change, 3 times - it changes, etc.

<html> <head> <title>Обмен двух изображений</title> <script language="JavaScript"> <!--// function chpict () { var d=document var l=d.pm1.src d.pm1.src=d.pm2.src d.pm2.src=l } //--> </script> </head> <body> <h3>Обмен двух изображений</h3> <img src="m1.gif" name=pm1 width=100> <img src="m2.gif" name=pm2 width=100> <form name="form1"> <input type="button" value="Обменять" onClick="chpict()"> </form> </body> </html>

    2 answers 2

      <html> <head> <title>Обмен двух изображений</title> <script language="JavaScript"> <!--// var x; function chpict () { if(x){ x=false; return; } x=1; var d=document var l=d.pm1.src d.pm1.src=d.pm2.src d.pm2.src=l } //--> </script> </head> <body> <h3>Обмен двух изображений</h3> <img src="http://yandex.ru/favicon.ico" name=pm1 width=100> <img src="http://google.ru/favicon.ico" name=pm2 width=100> <form name="form1"> <input type="button" value="Обменять" onClick="chpict()"> </form> </body> </html>

      Was something expected?

       document.getElementById('changeBtn').addEventListener('click', chpict); var counter = 0; function chpict() { counter++; console.log(counter); if (counter % 2 === 0) return; var l = document.pm1.src document.pm1.src = document.pm2.src document.pm2.src = l } 
       <img src="https://www.w3schools.com/w3images/avatar2.png" name="pm1" width="100"> <img src="https://www.w3schools.com/w3images/avatar6.png" name="pm2" width="100"> <form name="form1"> <input type="button" value="Обменять" id="changeBtn"> </form>