javascript - 如何显示来自文本字段的用户输入

Question

我有一个包含用户名、密码和验证码输入的表单。用户输入他们的用户名和密码并点击登录，这将取消隐藏一个允许他们输入他们的验证 pin 的 div。在隐藏的 div 中它显示“你好这个帐户正在使用验证 pin”但是我想知道是否有办法让它说“你好//输入的用户名//这个帐户正在使用验证别针'。我将如何实现这一点？

取消隐藏div的按钮

<input class="btn_green_white_innerfade btn_medium" type="button" 
name="submit" id="userLogin" value="Sign in" width="104" height="25" 
border="0" tabindex="5" onclick="showDiv()">

用户输入用户名的字段。

<label for="userAccountName">username</label><br>
<input class="textField" type="text" name="username" 
id="steamAccountName" maxlength="64" tabindex="1" value=""><br>&nbsp;<br>

显示在隐藏div中的消息

<div class="auth_modal_h1">Hello <span 
id="login_twofactorauth_message_entercode_accountname"></span>!</div>
<p>This account is currently using a verification pin.</p>
        </div>

任何帮助将不胜感激

Answer 1

应该这样做:

var username = document.getElementById("steamAccountName").value
document.getElementById("login_twofactorauth_message_entercode_accountname").innerText = username