点击完成后，如何使某事保持这种状态？

Question

我有一个图像，是用于对列表进行排序的箭头。当我单击时，它必须更改为其他图像向下的图像。但是单击后不会保持这种状态。 。我需要在此处使用其他语句，因为首次单击后，我将需要带有新图像的反向列表。 这并不是我所有的JavaScript。我试图复制与我的问题相关的零件。我希望这是一个可以理解的例子。

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>

我该如何保持这种状态？