捕获输入字段中的文本

Question

我在弄清楚这段代码中我在做什么错时遇到了麻烦。 我只是试图为用户名和密码设置用户输入，并将它们存储在各自的变量中。 由于某种原因，变量始终为空字符串。 有人可以告诉我我要去哪里了吗？

HTML

<body>
<main>
    <h1>Login Form</h1>
    <form>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username">
        <label for="password">Password:</label>
        <input type="text" name="password" id="password">
        <button id="submitButton" type="button">Submit</button>
    </form>
</main>
<script src="loginPage.js"></script>
</body>

JS

var submitButton = document.getElementById("submitButton");
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var user = {username, password};
console.log(user);

Answer 1

请记住，仅在更改输入后才填充变量。

 document.querySelector('input[name:username').addEventListener('change',(e)=>{ var username = e.target.value; } document.querySelector('input[name:password').addEventListener('change',(e)=>{ var password = e.target.value; }

 <form> <label for="username">Username:</label> <input type="text" name="username" id="username"> <label for="password">Password:</label> <input type="text" name="password" id="password"> </form>

捕获输入字段中的文本

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-11-20 01:46:57

捕获输入字段中的文本

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-11-20 01:46:57

解决方案1
0 已采纳 2018-11-20 01:46:57