Как мне сделать кнопку которая очистит то что напечатала другая кнопка?

Question

<div class="time"> <button class="buton" onclick="document.getElementById('test').innerHTML=Date()">Время сейчас?</button>
  <p id="test"></p>
</div>

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

Answer 1

Если оставить исходный код то, например, так:

<div class="time">
  <button class="buton" onclick="document.getElementById('test').innerHTML=Date()">Время сейчас?</button>
  <button class="buton" onclick="document.getElementById('test').innerHTML=''">Очистить</button>
  <p id="test"></p>
</div>

Но писать весь код прямо в атрибуте -- не самое лучшее решение. Можно сделать, например, так:

const field = document.getElementById('test');
document.getElementById('get').addEventListener('click', get_date);
document.getElementById('clear').addEventListener('click', clear_date);

function get_date() {
  field.innerHTML = new Date();
  return;
}

function clear_date() {
  field.innerHTML = '';
  return;
}

<div class="time">
  <button class="buton" id="get">Время сейчас?</button>
  <button class="buton" id="clear">Очистить</button>
  <p id="test"></p>
</div>

Answer 2

можно воспользоваться стандартными возможностями html форм.

<form class='time'>
<input disabled id='test'>
<input type='button' value='date' onclick='getElementById("test").value=Date();'>
<input type='reset' value='clear'>
<input type='date'>
<input type='time'>
</form>

БЛОГ НА HUSL

Как мне сделать кнопку которая очистит то что напечатала другая кнопка?

Ответы (2 шт):