Klient chizgan UIdan xursand! Endi u mashinaga mator qo'yishni so'ramoqda. JS yordamida taymerni ishlatamiz. Keyin esa, mijozning kutilmagan o'zgarish (Dark Mode) talabini bajaramiz.
Клиент доволен вашим UI! Теперь он просит поставить двигатель в машину. Мы запустим таймер через JS и выполним новое требование клиента (Dark Mode).
The client loves the UI! Now they want you to put an engine in the car. We'll make the timer work with JS and handle an unexpected client request (Dark Mode).
Qadam 1: JavaScript qo'shish
Шаг 1: Добавление JavaScript
Step 1: Adding JavaScript
- Qat'iy Prompt: "Ushbu UI kodini ol. Menga faqat JavaScript kodini yozib ber. CSS va HTML dizayniga UMUUMAN tegma! Start tugmasi 25 daqiqadan pastga sanashni boshlasin."Строгий Промпт: "Возьми этот код UI. Напиши только JS. НЕ трогай CSS и HTML дизайн вообще! Кнопка Start должна запускать отсчет с 25 минут."Strict Prompt: "Take this UI code. Write only the JS code. DO NOT touch the CSS and HTML design! The Start button should countdown from 25 mins."
- Natija: Start, Pause va Reset tugmalari o'z vazifasini xatosiz bajarishi kerak.Результат: Кнопки Start, Pause и Reset должны работать без ошибок.Result: Start, Pause, and Reset buttons must work flawlessly.
Qadam 2: Kutilmagan Reviziya (Client Revision)
Шаг 2: Внезапная Ревизия (Client Revision)
Step 2: Unexpected Revision (Client Revision)
"Mijoz qong'iroq qildi. Unga tunda ishlash uchun 'Dark Mode' kerak ekan."
"Звонит клиент. Ему нужен 'Dark Mode' для работы ночью."
"The client called. They need a 'Dark Mode' for working at night."
- Vazifa: O'ng burchakka bitta "Dark Mode" tugmasini HTMLda qo'shing.Задача: Добавьте одну кнопку "Dark Mode" в HTML в правый угол.Task: Add a single "Dark Mode" button in HTML in the right corner.
- Vazifa: JS orqali shu tugma bosilganda sayt fonini Qop-qora (Black), matnlarni Oq (White) rangga aylantiradigan mantiq qo'shtiring.Задача: Через JS добавьте логику, чтобы при нажатии фон становился черным (Black), а текст белым (White).Task: Via JS, add logic so clicking this makes the background Black and text White.
SUCCESS
Siz Vibecodersiz!
Вы Vibecoder!
You are a Vibecoder!