Detta in breve, per separare quelli che sono i dati restituiti dalla promises da quelli di presentazione della view.
Infatti potrei avere l'esigenza di catturare lo stesso dato ed applicarlo su views differenti, tutto dipende poi da cosa devi fare.

Errata corrige:
Nel secondo esempio questa linea di codice è superflua perchè in realtà non viene utilizzata per un eventuale view del dato all'interno della promises stessa.
codice:
.then(data => data)
In questo esempio wrappo tutto in una funzione asincrona, questo per gestire più facilmente le view in modo asincrono con await.

codice:
        const qCHAT = document.getElementById('chat')
        const qCHAT2 = document.getElementById('chat2');

        window.addEventListener('DOMContentLoaded', async () => {
            // async await method
            const getStartChat = async () => (await fetch("file.txt")).text();
            // chaining promises method
            const getStartChat2 = () => {
                const promiseReturn = fetch("file.txt")
                    .then(response => response.text())
                return promiseReturn
            }
            qCHAT.textContent = await getStartChat()
            qCHAT2.textContent = await getStartChat2()
        });