如何通过输入元素(原始js)实时检查用户是否存在于JavaScript对象中

var users = {
  "user1": {
    "name": "John",
    "age": 25,
    "email": "john@example.com"
  },
  "user2": {
    "name": "Jane",
    "age": 30,
    "email": "jane@example.com"
  },
  // 其他用户信息...
};

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

var usernameInput = document.getElementById("usernameInput");

usernameInput.addEventListener("input", function() {
  var username = this.value; // 获取用户输入的用户名

  // 检查用户名是否存在于JavaScript对象中
  if (users.hasOwnProperty(username)) {
    console.log("用户存在");
    // 执行相应的操作，例如显示提示信息或执行其他逻辑
  } else {
    console.log("用户不存在");
    // 执行相应的操作，例如显示错误信息或执行其他逻辑
  }
});