javascript - イベント後の入力タイプの変更

Question

Javascript 変数に値が設定された後、フォームの入力タイプを「hidden」から「text」に変更しようとしています。私の現在のコードはこれです：

var currentUser;

var getButton = document.getElementById("button");
getButton.addEventListener("click",getUser,false);
function getUser(event) {
    var user = document.getElementById("username");{
        if(user.value !=="") {
            currentUser = user.value;
        }
    event.preventDefault();
    }
    if(currentUser.value!=="") {
        document.getElementById("message").type="text";
    }
}

私のHTMLはこれです：

<form method = "post">
            {% if username %}
            <label>{{ username }}</label>
            <input id="message" type="text" size="70" name="message" />
            <input type="hidden" name="username" value="{{ username }}" />
            <input type="hidden" name="timestamp" value="{{ timestamp }}" />
            {% else %}
            <label>Pick a username: </label>
            <input type="text" size="10" name="username" id="username" />
            {% endif %}
            <input type="submit" value="send" id="button" />
        </form>
    </div>

誰が私が間違っているのか教えてもらえますか? 現時点では、コードを実行するたびに「ユーザー名」でスタックし、「メッセージ」ボックスは表示されません。