입력 필드에 사용자 이름 값을 자동으로 설정하는 방법?

안녕하세요!

텍스트 배너에 사용자 이름을 표시하는 스크립트를 찾았습니다: 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: