Я написал код для создания всплывающего имени входа на моей странице индекса с языком JavaScript (без базы данных). Страница входа устанавливается с постоянным именем пользователя и паролем, например, username = xxx и password = nnn в этом случае.
Ниже приведены мои коды на странице указателя и всплывающей странице входа в систему:
Код страницы указателя:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/timetabling.css">
<title>Time-tabling system</title>
</head>
<body>
<div id="main">
<div id="header">
<div id="widgetBar">
<div class="logo">
<img align="left" src="logo.jpg" alt="logo" width="300" height="100">
</div>
<div class="button">
<button class="btn login" id="login_button">Login</button>
<div class="popup">
<div class="popup-content">
<img scr="close.png" alt="Close" class="close">
<input type="text" placeholder="username">
<input type="password" placeholder="password">
<button>login</button>
</div>
</div>
<script language="javascript" src="login.js"></script>
</div>
</div>
</div>
<img align="center" src="keep-habbit-tracking.jpg" alt="habbit" width="600" height="300">
<p align="center">Welcome to the time-tabling system!!</p>
<p align="center">This is a place for you to set your time table and schedule your work...</p>
<p align="center">Please login to begin</p>
<div id="footer">
<hr>
<p id="footerText">Group 18 The time tabling system</p>
</div>
</div>
</body>
</html>
Код для страницы входа всплывающего окна:
document.getElementById("login_button").addEventListener("click", function(){
document.querySelector(".popup").style.display = "flex";
})
document.querySelector(".close").addEventListener("click", function(){
document.querySelector(".popup").style.diplay = "none";
})
var attempt = 3; //Variable to count number of attempts
function validation(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if(username === "xxx" && password === "nnn"){
alert("Login successfully");
window.location="swap.html";
return false;
}
else{
attempt--;
alert("You have left "+attempt+" attempt;");
if(attempt ===0){
document.getElementById("username").disabled=true;
document.getElementById("password").disabled=true;
document.getElementById("submit").disabled=true;
return false;
}
}
}
Я могу показать всплывающую страницу для пользователя, чтобы войти с этими кодами, но я не могу проверить имя пользователя и пароль, если это xxx и nnn. Также кнопка входа в мою всплывающую страницу входа не может направить меня на другую страницу после того, как я нажму на нее.
Может ли кто-нибудь помочь с этим, я читаю код построчно и не могу найти никаких проблем. Спасибо 
] 1