0

подскажите пожалуйста, как отключить клик на кнопку после нажатия на 5 секунд + ограничить количество нажатий до 5. Спасибо

<button class="rebsd" onclick="elementUpdate('.qqqq');">Нажми меня, чтобы обновить блок</button>

<script>
   async function elementUpdate(selector) {
   try {
   var html = await (await fetch(location.href)).text();
   var newdoc = new DOMParser().parseFromString(html, 'text/html');
   document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
   console.log('Элемент '+selector+' был успешно обновлен');
   return true;
   } catch(err) {
   console.log('При обновлении элемента '+selector+' произошла ошибка:');
   console.error(err);
   return false;
   }
   }
</script>

1 ответ 1

0

async function elementUpdate(target, selector) {
  const clickCount = parseInt(target.dataset.clickCount) || 0;
  if (clickCount == 5)
  {
    return false;
  }

  target.dataset.clickCount = clickCount + 1;
  target.disabled = true;
  setTimeout(() => target.disabled = false, 5000);
    
  try {
    var html = await (await fetch(location.href)).text();
    var newdoc = new DOMParser().parseFromString(html, 'text/html');
    document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
    console.log('Элемент ' + selector + ' был успешно обновлен');
    return true;
  } catch (err) {
    console.log('При обновлении элемента ' + selector + ' произошла ошибка:');
    console.error(err);
    return false;
  }
}
<button class="rebsd" onclick="elementUpdate(this, '.qqqq');">Нажми меня, чтобы обновить блок</button>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.