入力フィールドにユーザー名を自動設定する方法は?

こんにちは!

ログインバナーにユーザー名を表示するスクリプトを見つけました: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>
Hello, <span id="logged-in-user"></span>!

カスタムフォームを作成し、ユーザー名を入力フィールドに自動設定する必要があります。value<span id="logged-in-user"></span> を追加しようとしましたが、機能しませんでした。私のコードはこちらです:

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

そして、「Send」ボタンをクリックした後、ユーザー名と都市の値をアクションボタンのリンクに追加する必要があります。

助けてください :pleading_face: