@Pavelmoan

Как скрыть кнопку при нажатии?

Подскажите пожалуйста, как скрыть кнопку при нажатии на нее, при этом что бы текст "осталось N секунд остался.
function showData() {
  var block = document.getElementById('block');
  var timerFIG = 10;
  startTimer();

  function startTimer() {
    if (timerFIG > 0) {
      block.innerHTML = '<img src="loading.svg" style="width: 64px; height: 64px;"> <br><br> Осталось ' + timerFIG + ' секунд';
      timerFIG--;
      setTimeout(startTimer, 1000);
    } else {
      block.innerHTML = 'Перейти';
    }
  }
}


<div id="block"></div><br>

<button  onclick='showData()'>Показать данные</button>
  • Вопрос задан
  • 145 просмотров
Пригласить эксперта
Ответы на вопрос 1
IgorVader
@IgorVader
Как-то так , но тут кнопку удаляю , если нужно скрыть , то замени функцию remove
<button  onclick='showData(this)'>Показать данные</button>


const showData = (_button) => {
  _button.style.backgroundColor = 'transparent';
    _button.style.borderColor = 'transparent';
  setTimeout(() => {
    _button.remove();
  }, 500);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы