¿Cómo establecer automáticamente el valor del nombre de usuario en el campo de entrada?

Desarrollador
1

Hola!

Encontré este script para mostrar el nombre de usuario en un banner de texto: 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>

Hola, <span id="logged-in-user"></span>!

Necesito crear un formulario personalizado y establecer automáticamente el nombre de usuario del usuario en el campo de entrada. Intenté agregar <span> id="logged-in-user"></span> en el valor, pero no funciona, mi código:

<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>

Y después de hacer clic en el botón Enviar, necesito agregar el nombre de usuario y la ciudad al enlace en el botón de acción.

Por favor, ayuda :pleading_face: