Come impostare automaticamente il valore del nome utente nel campo di input?

Ciao!

Ho trovato questo script per mostrare il nome utente nel banner di testo: Display username when login in banner - #10 by tshenry

    <script type="text/discourse-plugin" version="0.8.18">
        api.onPageChange(() => {
            if(api.getCurrentUser() != null) {
                $("#logged-in-user").text(" " + api.getCurrentUser().name.split(' ')[0]);
            }
        });
    </script>
Ciao, <span></span>!

Ho bisogno di creare un modulo personalizzato e impostare automaticamente il nome utente dell’utente nel campo di input. Ho provato ad aggiungere <span></span> al valore, ma non funziona, il mio codice:

<input type="text" id="username" placeholder="@username" value="logged-in-user"/>
<input type="text" id="city" placeholder="City" value=""/>

<button id="Send">Send PM</button>

E dopo aver cliccato sul pulsante Invia, devo aggiungere il valore del nome utente e della città al link nel pulsante di azione.

Aiuto :pleading_face: