Помогите пожалуйста написать код Срочно

Question

Помогите пожалуйста написать код Срочно

илья емельянов Ученик (96), на голосовании 11 месяцев назад

=
1. Создать index.html с базовой разметкой документа. Создать файл скрипта JS. 2. Подключить файл скрипта JS к документу. 3. В документе создать следующие элементы: 3.1. Поле для ввода имени 3.2. Поле для ввода возраста 3.3. Кнопка Сохранить() 3.4. Кнопка Показать 3.5. Блок для вывода Результата 4. Создать следующую логику 4.1. Написать обработку данных из полей. Поле имя должно сохранить свое содержимое в ht(неспам)tp://this(точка)name, поле возраст в this.age. Событие должно вызываться при нажатии на кнопку Сохранить 4.2. Написать вывод сохраненных данных в блок Результата по нажатию на кнопку Показать. Вывод должен быть формата: Имя: , Возраст:

Answer 1

<!DOCTYPE html>
<html>
<head>
<title>Сохранение данных</title>
<script src="script.js"></script>
</head>
<body>
<input type="text" id="nameInput" placeholder="Введите имя">
<input type="text" id="ageInput" placeholder="Введите возраст">
<button onclick="saveData()">Сохранить</button>
<button onclick="showData()">Показать</button>
<div id="result"></div>
</body>
</html>

// script.js

function saveData() {
var name = document.getElementById("nameInput").value;
var age = document.getElementById("ageInput").value;
localStorage.setItem("name", name);
localStorage.setItem("age", age);
document.getElementById("nameInput").value = "";
document.getElementById("ageInput").value = "";
}

function showData() {
var name = localStorage.getItem("name");
var age = localStorage.getItem("age");
document.getElementById("result").innerHTML = "Имя: " + name + ", Возраст: " + age;
}