JavaScript - przesyłanie informacji z pola tekstowego do innego dokumentu

pytanie zadane 23 listopada 2020 w JavaScript przez Judef Nowicjusz (130 p.)

Witam, z góry chciałbym podziękować za wszelką pomoc oraz ostrzec że jestem słaby z JS.

Mam zrobić strony w których :

Na pierwszej się loguje, następnie jeśli wpisaliśmy odpowiedni login i hasło, po wciśnięciu guzika przeniesie nas na drugą stronę, gdzie wyświetli się podany przez nas login i hasło.

Problem mam w tym że nie wiem jak przesłać informację z pól tekstowych do następnego dokumentu HTML oraz nie mam najmniejszego pomysłu jak to zrobić

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<script type="text/javascript">
		function logowanie(formularz){
		if (formularz.login.value=="kowalski"&formularz.pass.value=="zaq123")
		window.location.replace("strona_glowna.html");
		else
		window.location.replace("");
		}
	</script>
	
	<form >
		Login: <input type="text" name="login"><br><br>
		Hasło: <input type="password" name="pass"><br><br>
		<input type="button" value="Logowanie..." onClick="logowanie(this.form)">
	</form>
</body>
</html>

<html>
<head>
<meta charset="utf-8">
</head>
<body>

	<p>Brawo, udało Ci się zalogować, ponieważ wpisałeś poprawny:<br><br>
		login: <br>
		hasło: 
	</p>
 
</body>
</html>

2 odpowiedzi

odpowiedź 23 listopada 2020 przez niezalogowany

odpowiedź 23 listopada 2020 przez VBService Ekspert (256,580 p.)
edycja 23 listopada 2020 przez VBService

passing form data to another HTML page

using javascript pass data between pages using local storage

JavaScript Cookies vs Local Storage vs Session Storage

Passing data from one HTML page to another using javascript

... apparently, for your purpose you have to prefer session storage, ...
also, you may reasonably prefer keeping all the state record by just one key and save restore everything at once. It would be the best idea. To do so, you would need to serialize and deserialize all data. It can be easily done with JSON: JSON — JavaScript | MDN