← Назад к Apps

Test Micro App

Тестовое микро-приложение для проверки системы.
Простой счётчик кликов с сохранением значения.

▶ Запустить

👁 15

let root = container;
(function(){
  const root = container;

  root.innerHTML = `
    <div style="text-align:center; padding:40px; background:#111; border-radius:12px;">
      <h2 style="margin-bottom:20px;">Тестовое Micro App</h2>
      
      <div id="counter" style="font-size:72px; font-weight:bold; margin:20px 0; color:#00ff9c;">0</div>
      
      <button id="incrementBtn" 
        style="padding:16px 32px; font-size:18px; background:#00ff9c; color:#000; border:none; border-radius:8px; cursor:pointer; margin:10px;">
        +1
      </button>
      
      <button id="resetBtn" 
        style="padding:16px 32px; font-size:18px; background:#222; color:#ff4d4d; border:1px solid #ff4d4d; cursor:pointer; margin:10px;">
        Сброс
      </button>
    </div>
  `;

  const counterEl = root.querySelector("#counter");
  const incrementBtn = root.querySelector("#incrementBtn");
  const resetBtn = root.querySelector("#resetBtn");

  let count = 0;

  incrementBtn.addEventListener("click", () => {
    count++;
    counterEl.textContent = count;
  });

  resetBtn.addEventListener("click", () => {
    count = 0;
    counterEl.textContent = count;
  });

})();