Witam mam taki problem muszę wykonać mechanizm dzięki któremu po wpisaniu odpowiedniego loginu i hasła i nakliknieciu buttona zaloguj na stronie 1 zostanę przekierowany do strony numer 2 i nie mam pojęcia jak sie za tro zabrać już wykonałem mechanizm który wykrywa odpowiednii login i hasło ale nie wiem jak wykonac przkierowanie. Proszę o pomoc!!!
Strona 1
<!DOCTYPE html>
<html lang="pl">
<meta charset="utf-8">
<title>Strona</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav id="topnav">
<ul class="menu">
<li><a href="home.html">Strona główna</a></li>
<li><a href="newsy.html">Newsy</a></li>
<li><a href="log.html">Zaloguj</a></li>
</ul>
</nav>
<div id="box1">
<div id="boxL"></div>
<div id="boxP">
<center><input type="text" placeholder="Login" id="login"></center>
<p id="form-error-login" class="form-error"></p>
<center><input type="password" placeholder="Hasło" id="haslo"></center>
<p id="form-error-password" class="form-errorpass"></p>
<center><button id="przycisk">ZALOGUJ</button></center>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
document.getElementById('login').value;
var a = "uczen@wp.pl"
var b = "qaz123"
document.querySelector('#login').addEventListener('keyup', function()
{
if(this.value.indexOf('@') !== -1 && this.value.indexOf('.') !== -1 && this.value !== a )
{
document.querySelector('#form-error-login').innerHTML = 'Prawidłowy login';
this.style.background = '#fff';
}
else if(this.value === a)
{
this.style.background ='green';
}
else
{
document.querySelector('#form-error-login').innerHTML = 'Nieprawidłowy login';
this.style.background ='red';
}
});
document.querySelector('#haslo').addEventListener('keyup', function()
{
if(this.value.length > 2 && this.value === b )
{
document.querySelector('#form-error-password').innerHTML = 'Prawidłowe hasło';
this.style.background = 'green';
} else {
document.querySelector('#form-error-password').innerHTML = 'Nieprawidłowe hasło';
this.style.background = 'red';
}
});
</script>
</body>
</html>
Strona 2
<!DOCTYPE html>
<html lang="pl">
<meta charset="utf-8">
<title>Strona</title>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
<nav id="topnav">
<ul class="menu">
<li><a href="home.html">Strona główna</a></li>
<li><a href="newsy.html">Newsy</a></li>
<li><a href="log.html">Zaloguj</a></li>
</ul>
</nav>
<body>
<div id="cal">
<div id="podstawa"></div>
<img src="fakenews.png" id="fake">
<button id="logout">logout</button>
<div id="strona"></div>
<div id="box0"></div>
<button id="source">source</button>
<button id="exit">exit</button>
<div id="box1"></div>
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
</div>
</body>
</html>
