Tengo una imagen que es una flecha para ordenar la lista. Cuando hago clic, tiene que cambiar a otra imagen que está hacia abajo de la misma imagen. Pero no permanece así después de hacer clic. . Necesito la declaración if else aquí porque necesitaré la lista inversa con una nueva imagen después del primer clic. No es todo de mi Javascript. Traté de copiar las partes que están relacionadas con mi pregunta. Espero que sea un ejemplo comprensible.
const sorting = document.querySelector('#sortingIcon'); let arr = []; sorting.addEventListener('click', (event) => { if (sorting.src = "images/Group74.png") { sorting.src = "images/Group90.png"; const items = document.getElementsByTagName('li'); for (let i = 0; i < items.length; i++) { console.log(items[i]) arr.push(items[i].firstChild.value); } arr.sort(); for (let i = 0; i < items.length; i++) { items[i].firstChild.value = arr[i]; } } }) <div class="box"> <div id="yellow"></div> <h1>To-do list</h1> <img id="sortingIcon" src="images/Group74.png" alt="sorting"> <div id="inputBox"> <input class="input" type="text" name="input1"> <img class="clear" src="images/Group77.png" alt=""> </div> <button id="plus_button"> <div id="flex"> <div id="plus">+</div> <div id="enter">Добавить </div> </div> </button> </div>¿Cómo puedo hacer que se quede así?