<html lang=“ru”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<link rel=“stylesheet” href=“profil.css”>
<title>Личный кабинет</title>
</head>


<div id=“header”>
<div class=“navbar”>
<div class=“navbar__company”>
Industrial Solutions RUS
</div>
</div>
<img src=“image/logo.png”>
</div>

<div class=“vertical-menu”>
<a href=“kabinet.html” class=“active”>Профиль</a>
<a href=“новый 1.html”>Изменение профиля</a>

</div>
<form>
<div class=“content”>
<div class=“container content-container container_auth”>
<div class=“auth__wrapper”>
<form action=“” method=“post” class=“form”>
<input type=“image” src=“image/profil.png” alt=“Submit” align=“middle” style=“margin-left:400px”; width=“208” height=“170”>
<h1>Добро пожаловать в Личный кабинет</h1>
<div class=“content”>
<div class=“container content-container container_auth”>
<div class=“auth__wrapper”>
<div id=“savedData”>
<!-- Здесь будут отображаться сохраненные данные -->
</div>
</div>
</div>
</div>
</div>
</div> </div> </div> </div>
</form>




<div class=“footer”>

<div class=“footer_wrapper”>
<div class=“footer__left”>
<div class=“footer__portalname”>Портал субподрядчиков | tkIS</div>
<div class=“footer__links”>
<div class=“footer__links__column”>
<a href=“index1.html” class=“footer__link”>
Главная
</a>
<a href=“proect.html” class=“footer__link”>
Проекты компании
</a>
<a href=“log.html” class=“footer__link”>
Вход в личный кабинет
</a>
</div>
<div class=“footer__links__column”>
<a href=“https://is-dz.com/” class=“footer__link”>
Cайт организации
</a>
<a href=“https://www.thyssenkrupp-industrial-solutions.com/en” class=“footer__link”>
Корпоративный сайт
</a>
<a href=“https://www.thyssenkrupp.com/en/home” class=“footer__link”>
Сайт thyssenkrupp AG
</a>
</div>
</div>
</div>
<div class=“footer__right”>
<div class=“footer__company”>thyssenkrupp</div>
<div class=“footer__country”>Russia</div>
</div>
</div>
</div>
</div>

</div>
<script>
var savedData = localStorage.getItem(“savedData”);
if (savedData) {
savedData = JSON.parse(savedData);
var savedDataDiv = document.getElementById(“savedData”);
for (var key in savedData) {
savedDataDiv.innerHTML += “<p>” + key + “: " + decodeURIComponent(savedData[key]) + “</p>”;
}
} else {
alert(“Нет сохраненных данных”);

}

document.addEventListener(“DOMContentLoaded”, function() {
localStorage.removeItem(“savedData”);
});
</script>

</body>

</html>
<!DOCTYPE html>
<html lang=“ru”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<link rel=“stylesheet” href=“profil.css”>
<title>Личный кабинет</title>
</head>


<div id=“header”>
<div class=“navbar”>
<div class=“navbar__company”>
Industrial Solutions RUS
</div>
</div>
<img src=“image/logo.png”>
</div>
<div class=“vertical-menu”>
<a href=“kabinet.html” class=“active”>Профиль</a>
<a href=“новый 1.html”>Изменение профиля</a>

</div>

<div class=“content”>
<div class=“container content-container container_auth”>
<div class=“auth__wrapper”>
<form action=”" method=“post” class=“form”>
<input type=“image” src=“image/profil.png” alt=“Submit” align=“middle” style=“margin-left:400px”; width=“208” height=“170”>
<h1>Добро пожаловать в Личный кабинет</h1>

<form id=“form”>
<div class=“form-control”>
<label for=“name” id=“label-name”>ФИО</label>
<input type=“text” id=“name” placeholder=“Введите ФИО”>
</div>

<div class=“form-control”>
<label for=“age” id=“label-age”>Возраст</label>
<input type=“text” id=“age” placeholder=“Введите ваш возраст”>
</div>

<div class=“form-control”>
<label for=“city” id=“label-city”>Город</label>
<input type=“text” id=“city” placeholder=“Введите ваш город”>
</div>

<div class=“form-control”>
<label for=“company” id=“label-company”>Компания</label>
<input type=“text” id=“company” placeholder=“Введите вашу компанию”>
</div>

<div class=“form-control”>
<label for=“email” id=“label-email”>Электронная почта</label>
<input type=“text” id=“email” placeholder=“Введите ваш Email”>
</div>

<div class=“form-control”>
<label for=“tel” id=“label-tel”>Телефон</label>
<input type=“text” id=“tel” placeholder=“Введите номер”>
</div>

<div class=“form-control”>
<label for=“comment”>Описание компетенций и опыта</label>
<textarea name=“comment” id=“comment” placeholder=“Enter your comment here”></textarea>
</div>


<button type=“submit” id=“saveButton” value=“submit”>
Сохранить
</button>
</form>



<div class=“footer”>

<div class=“footer_wrapper”>
<div class=“footer__left”>
<div class=“footer__portalname”>Портал субподрядчиков | tkIS</div>
<div class=“footer__links”>
<div class=“footer__links__column”>
<a href=“index1.html” class=“footer__link”>
Главная
</a>
<a href=“proect.html” class=“footer__link”>
Проекты компании
</a>
<a href=“log.html” class=“footer__link”>
Вход в личный кабинет
</a>
</div>
<div class=“footer__links__column”>
<a href=“https://is-dz.com/” class=“footer__link”>
Cайт организации
</a>
<a href=“https://www.thyssenkrupp-industrial-solutions.com/en” class=“footer__link”>
Корпоративный сайт
</a>
<a href=“https://www.thyssenkrupp.com/en/home” class=“footer__link”>
Сайт thyssenkrupp AG
</a>
</div>
</div>
</div>
<div class=“footer__right”>
<div class=“footer__company”>thyssenkrupp</div>
<div class=“footer__country”>Russia</div>
</div>
</div>
</div>
</div>

</div>
<script type=“text/javascript” src=“kabinet.js”></script>

</body>

</html>
document.getElementById(“saveButton”).onclick = function() {
var name = document.getElementById(“name”).value;
var age = document.getElementById(“age”).value;
var city = document.getElementById(“city”).value;
var company = document.getElementById(“company”).value;
var email = document.getElementById(“email”).value;
var tel = document.getElementById(“tel”).value;
var comment = document.getElementById(“comment”).value;

if (name === “” || age === “” || city === “” || company === “” || email === “” || tel === “” || comment === “”) {
alert(“Пожалуйста, заполните все поля.”);
} else {
alert(“Данные успешно сохранены”);
var savedData = {
“ФИО”: name,
“Возраст”: age,
“Город”: city,
“Компания”: company,
“Электронная почта”: email,
“Телефон”: tel,
“Описание компетенций и опыта”: comment
};
localStorage.setItem(“savedData”, JSON.stringify(savedData));

}
return false;
}; Как сохранить данные, чтобы при обновлении страницы новый 1.html они остались?