czyszczenie formularza - getElementById().value = ""

Mam taką funkcję, która:
a) pobiera dane z formularza typu text
b) wysyła to fetchem
c) czyści pole formularza

Dlaczego wariant II nie działa? Chodzi o przedostatnią linijkę.

I wariant - działa

function wyslijDane()
{
    let tekst_wyslany = document.getElementById("wiadomosc_do_wyslania").value;
  
    let formData = new FormData();
    formData.append('wiadomosc_do_wyslania', tekst_wyslany);

    fetch(...)

    document.getElementById("chat_wiadomosc_do_wyslania").value = "";
}

II wariant - nie działa

function wyslijDane()
{
    let tekst_wyslany = document.getElementById("wiadomosc_do_wyslania").value;
  
    let formData = new FormData();
    formData.append('wiadomosc_do_wyslania', tekst_wyslany);

    fetch(...)

    tekst_wyslany = "";
}

Bo let tekst_wyslany = document.getElementById("wiadomosc_do_wyslania").value; pobiera wartość, a nie referencję. Pobierz element do zmiennej i na niej działaj.