javascript - 如何从输入框中获取值

Question

我有这段代码，但我不确定如何从输入框中获取值。 这是我的 html 代码:

        <div id = "login">
            <p>User <input type = "text" id = "username"></p>
            <p>Password <input type = "password" id = "password"></p>
            <button onclick = "login(?,?)">Log In</button>  
        </div>

这是我的 Javascript 代码:

function login(name, password){
    alert('Your username is ' + name + ' and your password is ' + password);
};

如何从输入框中获取值？ 提前致谢。

Answer 1

已编辑: 感谢@sajalsuraj

<div id = "login">
    <p>User <input type = "text" id = "username"></p>
    <p>Password <input type = "password" id = "password"></p>
    <button onclick = "login()">Log In</button>  
</div>


function login(){
    var name = document.getElementById('username').value;
    var password = document.getElementById('password').value;
    alert('Your username is ' + name + ' and your password is ' + password);
};