I want to change `li.innerHtml` when I click `<li>` it creates new input where I can change `<li>`'s text but after that I want to save it, it does not work well.
I need to change each `<li>` text when I click that `<li>`

```js
function setText(elem, text){
 elem.innerHTML += text;
}

var arr = ["one", "two", "three"];

for( var i = 0; i < arr.length; i++ ){
 var li = document.createElement("li");
 li.addEventListener("click", changeText);
 setText(li, arr[i]);
 var ul = document.createElement("ul");
 document.body.appendChild(ul);
 ul.appendChild(li);
}

var input = 0;

function changeText(){
 input = document.createElement("input");
 input.addEventListener("blur", saveText);
 document.body.appendChild(input);
 input.value = this.innerHTML;
}

function saveText(){
    li.innerHTML = this.value;
}
```