我正在编写函数，当在文本中输入值写成"giorgi"并在传递输入中写成"gio"欢迎警报时，如果没有，则警报错误

Question

let userName = document.getElementById('textInput').value; 
let userPass = document.getElementById('passInput').value; 
function myFunction(){ 
if(userName === 'giorgi' && userPass === 'gio'){ 
alert('Welcome'); 
} else { 
alert('Wrong'); 
}
}

Answer 1

您只读取输入一次，此时它们为空。将输入值分配给变量不会创建连接，它只是在执行分配时分配输入中的任何字符串。如果以后它们中的任何一个发生更改，则不会对另一个产生任何影响。

当用户单击登录按钮时，您希望读取输入的值。

function login() {
// notice we're reading and assigning the input values every time this function runs
let userName = document.getElementById('userName').value;
let userPass = document.getElementById('userPass').value;
if (userName === 'giorgi' && userPass === 'gio') {
alert('Welcome');
} else {
alert('Wrong');
}
}

<input type=text id=userName placeholder="Enter Username" />
<input type=password id=userPass placeholder="Enter Password" />
<button type=button onclick=login()>Login</button>