js获取前端用户名

<form id="loginForm">
    <input type="text" id="usernameInput" placeholder="请输入用户名">
    <button type="submit">登录</button>
</form>

document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    var username = document.getElementById('usernameInput').value;
    console.log('用户名是：', username);
    // 这里可以进行后续的操作，如发送到服务器验证
});

<input type="text" id="usernameInput" placeholder="请输入用户名">

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('loginForm').addEventListener('submit', function(event) {
        event.preventDefault();
        var username = document.getElementById('usernameInput').value;
        console.log('用户名是：', username);
    });
});