Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/18: Рейтинг темы: голосов - 18, средняя оценка - 4.78
0 / 0 / 0
Регистрация: 04.06.2019
Сообщений: 2

Дата последнего клика по кнопке

04.06.2019, 15:07. Показов 3637. Ответов 3

Студворк — интернет-сервис помощи студентам
Помогите решить задачу. Нужно сделать кнопку "Узнать текущую дату и время", при нажатии на нее должно отобразиться текущее время. А ниже вывести дату последнего нажатия на кнопку. Часть я сделала, вот, что получилось:
HTML5
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>Узнать время и дату</title>
</head>
<body>
<H2>Хотите узнать актуальное время и дату сейчас? Нажмите на кнопку!<H2>
<button id="addButton"name="send">Узнать дату и время</button><H4 id=time><H4>
<H4>Последний раз вы нажимали на кнопку: <H4>
<p id=DateHistore><p>
</body>
</html>
JavaScript
1
2
3
4
5
6
7
8
9
var today = new Date();            //переменная текущей даты                         
window.onload = init;               //после загрузки страницы
function init(){
    var button = document.getElementById("addButton")   //доступ к кнопке
    button.onclick = handleButtonClick;                            //подключение созданной функции к переменной
}
function handleButtonClick() {                                        //при клике на кнопку
    document.getElementById('time').innerHTML = today;  //вывод текущей даты
}
Не получается вывести дату, когда пользователь последний раз нажимал на кнопку.
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.06.2019, 15:07
Ответы с готовыми решениями:

Добавить обработчик клика кнопке
Нужна кнопка, которая при нажатие выполняет текстовое изменения поля. Я так понимаю динамической кнопки в HTML нету? Нужно использовать...

Скрипт для клика по кнопке
&lt;div class=&quot;button_layout&quot;&gt; &lt;input type=&quot;hidden&quot; name=&quot;activate&quot; value=&quot;&quot;&gt; &lt;div class=&quot;submit button&quot;&gt;Активировать&lt;/div&gt; ...

Событие клика по кнопке
Всем привет! что то не догоняю как отловить событие клика по кнопке? вот код моей программы package...

3
 Аватар для Egor.S
215 / 180 / 79
Регистрация: 02.10.2011
Сообщений: 651
04.06.2019, 15:29
https://jsfiddle.net/dr6u9jLs/ как-то так ?
HTML5
1
2
3
4
5
6
7
8
9
10
<H2>Хотите узнать актуальное время и дату сейчас? Нажмите на кнопку!
  <H2>
    <button id="addButton" name="send">Узнать дату и время</button>
    <H4>
      <span id='time'></span>
      <H4>
        <H4>Последний раз вы нажимали на кнопку:
          <H4>
            <p id=DateHistore>
              <p>
JavaScript
1
2
3
4
5
6
7
var button = document.getElementById("addButton") //доступ к кнопке
button.onclick = handleButtonClick
 
function handleButtonClick() { //при клике на кнопку
  document.getElementById('time').innerHTML = new Date();
  document.getElementById('DateHistore').innerHTML = new Date(); //вывод текущей даты
}
0
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
04.06.2019, 16:20
Лучший ответ Сообщение было отмечено Anastasiia_prof как решение

Решение

Anastasiia_prof, можно в localstorage сохранять дату последнего клика, как-нибудь так
HTML5
1
2
3
4
5
6
7
8
9
<button>Узнать дату</button>
<div class="click-date">
  Актуальная дата: 
  <span class="click-date__val"></span>
</div>
<div class="last-click-date">
  Последний раз вы нажимали на кнопку: 
  <span class="last-click-date__val"></span>
</div>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
const buttonEl = document.querySelector('button');
const clickDateEl = document.querySelector('.click-date__val');
const lastClickDateEl = document.querySelector('.last-click-date__val');
 
lastClickDateEl.textContent = localStorage.getItem('lastClickDate') || ':(';
 
buttonEl.addEventListener('click', () => {
  const clickDate = new Date();
  clickDateEl.textContent = clickDate;
  lastClickDateEl.textContent = localStorage.getItem('lastClickDate') || clickDate;
  localStorage.setItem('lastClickDate', clickDate);
});
1
0 / 0 / 0
Регистрация: 04.06.2019
Сообщений: 2
04.06.2019, 17:12  [ТС]
Благодарю за ответ, все работает!

Добавлено через 9 минут
Egor.S, в вашем ответе дата последнего нажатия по кнопке отображается текущая дата.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
04.06.2019, 17:12
Помогаю со студенческими работами здесь

Обработчик клика по кнопке!
Всем доброго времени суток!!! Помогите пожалуйста!!!!!!!! Существует отчет в Access, т.к. &quot;Поле список&quot; не дает нужного,...

Обработка клика по кнопке
В msdn сказано например ,для BN_CLICKED BN_CLICKED notification code ... wParam ...

Обработка клика по кнопке
здравствуйте!помогите с проблемой...делаем с коллегой проект для конкурса-название &quot;Загадки&quot;. нам нужно, чтобы при нажатии на...

Эмуляция клика на гиперссылку по кнопке
Есть поле МЕМО, в котором, среди прочего текста, может находиться адрес электронной почты. Нужно сделать так, чтобы по нажатию кнопки...

Правильное создания клика по кнопке
Привет всем, для меня сейчас идет начало работы в Android Studio, и я сразу хотел бы понять, как правильно делать дальше, что бы было все...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru