JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="liste">
    <li>Geschwisterzwist</li>
    <li>zwischen</li>
    <li>Slivovic</li>
    <li>schlĂĽrfenden,</li>
    <li>spitzen,</li>
    <li>twistenden</li>
    <li>und</li>
    <li>schwitzenden</li>
    <li>Zwitscherschwestern.</li>
</ul>

<button id="button">Zeile editieren</button>

JavaScript

function init () {
    
    var lis = document.getElementById('liste').getElementsByTagName('li'),
        index = 0,
        button = document.getElementById('button');
    
    button.onclick = zeileEditieren;
    
    function zeileEditieren () {
        if (index >= lis.length) {
            alert('Am Ende angelangt! Beginne von vorne.');
            index = 0;
        }
        var li = lis[index],
            alterWert = li.textContent || li.innerText,
            neuerWert = prompt('Alter Wert: ' + alterWert + '\nNeuer Wert?', alterWert);
        li.innerHTML = neuerWert;
        index++;
    }
        
}

init();