Дата последнего клика по кнопке
Помогите разобраться. Нужно сделать кнопку "Узнать текущую дату и время", при нажатии на нее должно отобразиться текущее время. А ниже вывести дату последнего нажатия на кнопку. Часть я сделала, вот, что получилось:
<html> <head> <title>Узнать время и дату</title> </head> <body> <H2>Хотите узнать актуальное время и дату сейчас? Нажмите на кнопку!<H2> <button id="addButton"name="send">Узнать дату и время</button><H4 id=time><H4> <H4>Последний раз вы нажимали на кнопку: <H4> <p id=DateHistore><p> <script> var today = new Date(); //переменная текущей даты window.onload = init; //после загрузки страницы function init(){ var button = document.getElementById("addButton") //доступ к кнопке button.onclick = handleButtonClick; //подключение созданной функции к переменной } function handleButtonClick() { //при клике на кнопку document.getElementById('time').innerHTML = today; //вывод текущей даты } </script> </body> </html> Не получается вывести дату, когда пользователь последний раз нажимал на кнопку. |
Anastasiia_prof,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
с запоминанием предыдущего нажатия только в пределах сеанса
<html>
<head>
<title>Узнать время и дату</title>
</head>
<body>
<H2>Хотите узнать актуальное время и дату сейчас? Нажмите на кнопку!<H2>
<button id="addButton"name="send">Узнать дату и время</button><H4 id=time><H4>
<H4>Последний раз вы нажимали на кнопку: <H4>
<p id="DateHistory"><p>
<script>
var today = ""; //переменная текущей даты
window.onload = init; //после загрузки страницы
function init(){
var button = document.getElementById("addButton") //доступ к кнопке
button.onclick = handleButtonClick; //подключение созданной функции к переменной
}
function handleButtonClick() { //при клике на кнопку
document.getElementById('DateHistory').innerText = today;
today = new Date();
document.getElementById('time').innerHTML = today; //вывод текущей даты
}
</script>
</body>
</html>
|
localStorage and DateTimeFormat
Anastasiia_prof,
<!DOCTYPE html>
<html>
<head>
<title>Узнать время и дату</title>
<meta charset="utf-8">
</head>
<body>
<h2>Хотите узнать актуальное время и дату сейчас?
Нажмите на кнопку!</h2>
<button id="addButton" name="send">Узнать дату и
время</button>
<h4 id="time"></h4>
<h4>Последний раз вы нажимали на кнопку:</h4>
<p id="DateHistore"></p>
<script>
function lastTimeClick() {
if ("lastData" in localStorage) document.getElementById("DateHistore").innerHTML = localStorage.lastData
}
function formatTime(data) {
return (new Intl.DateTimeFormat("ru", {
day: "numeric",
month: "long",
year: "numeric",
hour: "2-digit",
minute: "2-digit",
second : "2-digit"
})).format(data)
}
function init() {
var button = document.getElementById("addButton");
button.onclick = handleButtonClick;
lastTimeClick()
}
function handleButtonClick() {
var today = new Date;
today = formatTime(today);
document.getElementById("time").innerHTML = today;
lastTimeClick();
localStorage.lastData = today
};
window.onload = init;
</script>
</body>
</html>
|
Благодарю за ответ! Все работает!
|
| Часовой пояс GMT +3, время: 06:50. |