Ubah hala ke halaman lain dalam html selepas log masuk berjaya
Saya tidak boleh ubah hala ke halaman lain, ia hanya menunjukkan kata laluan dan pengguna yang saya masukkan dalam url. Walau bagaimanapun, apabila saya menggunakan window.open(); ia berfungsi dalam pautan seperti YouTube. Saya telah mencuba pelbagai kod yang saya lihat di youtube tetapi saya masih tidak tahu apa yang perlu dilakukan
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="login-wrapper">
<form action="" class="form">
<h2> Login </h2><br>
<div class="input-group">
<label for="id">User ID </label>
<input type="text"
name="id"
id="User ID"
placeholder="User ID"
required />
</div>
<div class="input-group">
<label>Password </label>
<input type="password"
name="password"
placeholder="Password"
id="password" required />
</div>
<input type="submit" value="Login" class="submit-btn" onclick= "auth()" style="font-size:18px;" />
</form>
</div>
<script>
function auth(){
var UserID = document.getElementById("UserID").value;
var password = document.getElementById("password").value;
if(UserID== "admin" && password=="admin123"){
window.location.href="teachergui.html";
alert("Login Successfully ");
}
else{
alert("Invalid User");
return;
}
}
</script>
</div>
</body>
</html>