Дата последнего клика по кнопке
Помогите разобраться. Нужно сделать кнопку "Узнать текущую дату и время", при нажатии на нее должно отобразиться текущее время. А ниже вывести дату последнего нажатия на кнопку. Часть я сделала, вот, что получилось:
<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, время: 18:36. |