простой пример авторизации, данные должны хранится или в БД или в файле на сервере без прямого доступа, но если это счас не важно, то просто пример
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="hello"></div>
<br> Ваш ид:
<br>
<input type="text">
<br> Пароль:
<br>
<input type="text">
<br>
<button>Войти</button>
<script>
/**
* clientData[0] - ид пользователя
* clientData[id][0] - данные пользователя
* clientData[id][1] - история
*/
var clientData =
[
[{ name: "Marina", pass: "123456", balans: "500" }, []],
[{ name: "Irina", pass: "121212", balans: "500" }, []],
[{ name: "Esmeralda", pass: "787878", balans: "1000" }, []]
]
document.querySelector('button').onclick = function () {
var inp = document.querySelectorAll('input');
if (clientData[inp[0].value][0]['pass'] == inp[1].value) {
document.getElementById('hello').innerHTML =
'Привет, ' + clientData[inp[0].value][0]['name'] +
', Ваш баланс: ' + clientData[inp[0].value][0]['balans'];
}else {
document.getElementById('hello').innerHTML = 'Ошибка авторизации !!!';
setTimeout(() => document.getElementById('hello').innerHTML = '', 3000);
}
}
</script>
</body>
</html>