JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input class="myInput" type="text" placeholder="Мой текст" />
    <button onclick="addToList()">Добавить мой текст в список</button>
    <ul class="myList"></ul>
</div>

JavaScript

function addToList() {
    const myInputValue = document.querySelector('.myInput').value
    const myListEl = document.querySelector('.myList')
    const newElement = document.createElement('li')

    newElement.textContent = myInputValue
    myListEl.appendChild(newElement)
}