Правильное удаление клика с элементов

let li = document.getElementsByTagName('li'); 
    let butt = document.getElementById('delete'); 
 
    function action(text){ 
        console.log(text); 
    } 
 
    Array.from(li, function (item) { 
        item.addEventListener('click', function () { 
            action('hi'); 
        }); 
    }); 
     
    butt.addEventListener('click', function () { 
        Array.from(li, function (item) { 
            item.removeEventListener('click', function () { 
                action('hi'); 
            }); 
            item.addEventListener('click', function () { 
                action('bye'); 
            }); 
        }); 
    });

<ul> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 
<button id="delete">Delete first click</button>