Как автоматически установить значение имени пользователя в поле ввода?

Разработка
1

Привет!

Я нашел этот скрипт для отображения имени пользователя в текстовом баннере: 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>

Привет, <span id="logged-in-user"></span>!

Мне нужно создать пользовательскую форму и автоматически подставить значение имени пользователя в поле ввода. Я пробовал добавить <span id="logged-in-user"></span> в атрибут value, но это не сработало. Мой код:

<input type="text" id="username" placeholder="@username" value="logged-in-user"/>
<input type="text" id="city" placeholder="Город" value=""/>

<button id="Send">Отправить ЛС</button>

После нажатия кнопки «Отправить» мне нужно добавить значения имени пользователя и города в ссылку, указанную в атрибуте action кнопки.

Пожалуйста, помогите :pleading_face: