Форум

Anastasiia_prof · #1 (**permalink**) 04.06.2019, 15:31

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

Не получается вывести дату, когда пользователь последний раз нажимал на кнопку.

рони · #2 (**permalink**) 04.06.2019, 15:35

Anastasiia_prof,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Dilettante_Pro · #3 (**permalink**) 04.06.2019, 15:42

с запоминанием предыдущего нажатия только в пределах сеанса

<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>

рони · #4 (**permalink**) 04.06.2019, 16:07

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>

Anastasiia_prof · #5 (**permalink**) 04.06.2019, 17:29

Благодарю за ответ! Все работает!

Форум

Справочник

Discord чат

Курсы javascript