JavaScript不读取文本框值_Javascript_Html

JavaScript不读取文本框值

javascript html

JavaScript不读取文本框值,javascript,html,Javascript,Html,我一直在做一个简单的登录页面，在那里我接受值并打印回来。我用javascript编写了一个函数来存储文本框中的输入值。我添加了两个print语句来检查我的程序是否正常工作。这是我的剧本 <html> <head> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <meta ch

我一直在做一个简单的登录页面，在那里我接受值并打印回来。我用javascript编写了一个函数来存储文本框中的输入值。我添加了两个print语句来检查我的程序是否正常工作。这是我的剧本

<html>

<head>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <meta charset="UTF-8">

    <title>Home| Login</title>
</head>


<body>
    <script type="text/javascript">
        function init() {
            document.write("Reached Point 1");
            document.write(document.getElementById("username").value);
            var password = document.getElementById("password").value;
            document.write("Reached Point 2");
        }
    </script>
    <div class="logo"></div>
    <div class="login-block">
        <h1>Login</h1>
        <input type="text" value="" id="username" />
        <input type="text" value="" id="password" />
        <button onclick="init()">Submit</button>

    </div>
</body>

</html>


主页|登录
函数init（）{
文件。书写（“达到点1”）；
document.write（document.getElementById（“用户名”）.value）；
var password=document.getElementById（“密码”）.value；
文件。书写（“达到点2”）；
}
登录
提交

单击按钮后，

到达点1

将被打印，但用户名和

到达点2

将不会被打印。

您不能使用

文档。文档加载完成后，请编写。如果这样做，浏览器将打开一个新文档，替换当前文档。当文档被替换时，将不会有任何函数、HTML元素和任何东西。而是使用innerHTML
将HTML代码放入元素中

函数init（）{
document.getElementById（“description”）.innerHTML+=“到达点1”；
document.getElementById（“说明”）.innerHTML+=document.getElementById（“用户名”）.value；
var password=document.getElementById（“密码”）.value；
document.getElementById（“description”）.innerHTML+=“到达点2”；
}

登录
提交

你好。也许写文档不是最好的方法。改为尝试console.log（“到达点1”）。