我如何將html輸入數據傳遞給javascript類

Question

我試圖將數據從html輸入傳遞到原始JS類構造函數。 這就是我嘗試過的。

class Users {
  constructor(email,password) {
    this.email = email;
    this.password = password;

  }


  login(){
      // url for endpoint
let url = "http://127.0.0.1:5000/api/v2/users/login"

alert(this.password)

// get login data from ui
let data = {
  email : this.email,
  password : this.password
};

}
let email = document.getElementById('email').value,
let password = document.getElementById('password').value
const user = new Users(email,password)
document.getElementById('login').addEventListener('submit', user.login())

似乎沒有數據傳遞到電子郵件和密碼變量。

我也嘗試過這樣做，但是沒有調用該對象

class Users {
  constructor(email,password) {
    this.email = email;
    this.password = password;

  }

        login(){
    // user the data here

}
function load(event){
   let email = document.getElementById('email').value,
   let password = document.getElementById('password').value
   const user = new Users(email,password)
   user.login()
}

document.getElementById('login').addEventListener('submit', load)

有人幫我解決這個問題。

Answer 1

我已盡力重構您的代碼。 根據您要處理的數據，這取決於您。 但是在下面的代碼中，您可以在登錄功能中獲取電子郵件和密碼

 class Users { constructor() { } login(){ let email = document.getElementById('email').value, password = document.getElementById('password').value alert(email, password) } } const user = new Users(); const login = user.login 

 <input type="text" id="email" /> <input type="text" id="password" /> <button id="login" onclick="login()">submit</button>