Changer d'image avec un clique

<code html>

 <p> <img class=box id=myimg1 src="../images/box1.png" onclick="ch_img(this)" > 
     cette image dois changer de couleur 7 fois</p>
 
 <script>
 var x = 1;
        function ch_img(x) {
   if (x.value=1){
       document.getElementById("myimg1").
       src = "../images/box2.png";
       var x = 2;}
    
   if  (x.value=2){
         document.getElementById("myimg1").
         src = "../images/box3.png";
         var x = 3;}
    if  (x.value=3){
        document.getElementById("myimg1").
        src = "../images/box4.png";
        var x = 4;}
             
  }
    
    </script>

<img class="box" id="myimg1" src="../images/box[object HTMLImageElement].png" onclick="ch_img(this)">

<img class="box" id="myimg1" src="../images/boxundefined.png" onclick="ch_img(this.value)">