<div>
<input id="field" />
<button id="add">Добавить</button>
<div id="list">list: </div>
</div>
<script>
const button = document.getElementById("add")
const input = document.getElementById("field")
button.disabled = true;
input.addEventListener('input', function (event) {
let val = event.target.value;
if (val === '') {
button.disabled = true;
} else {
button.disabled = false;
}
});
button.addEventListener("click", (e) => {
const inputValue = input.value
if(inputValue) {
document.getElementById("list").innerHTML += inputValue + " | "
input.value = ""
button.disabled = true
}
})
</script>
Он берет 0, а потом это ноль в конец записывает в конструкции "result = `${str[i]}${result}`;". Там каждый следующий символ ""str[i]" стоит вначале