इससे कुछ करवाएँ

आपका प्रोफ़ाइल कार्ड शानदार दिखता है — पर वह बस वहीं पड़ा रहता है। क्लिक करें, छेड़ें, कुछ नहीं होता। ऐसा इसलिए कि HTML स्ट्रक्चर है और Tailwind स्टाइल। बिहेवियर JavaScript का काम है।

यह वह राज़ है जो शुरुआती लोगों को कोई नहीं बताता: vibe coding में आप JavaScript रटते नहीं। आप बयान करते हैं कि क्या होना चाहिए, और AI कोड लिख देता है। बिहेवियर बस एक वाक्य है:

"जब कोई like बटन पर क्लिक करे, तो दिल के बगल वाला नंबर 1 से बढ़ जाए।"

वह प्रॉम्प्ट AI को दीजिए, और वह कुछ ऐसा छोटा-सा कोड बना देता है:

const btn = document.getElementById("like-btn");
btn.addEventListener("click", () => {
  likes = likes + 1;
  count.textContent = likes;
});

बस इतना ही। हर बार वही तीन कदम:

1. एलिमेंट को ढूँढो (getElementById)
2. किसी इवेंट के लिए सुनो (addEventListener("click", ...))
3. कुछ बदलो (textContent, कोई क्लास, कुछ भी)

ढूँढो, सुनो, बदलो। आपने अब तक जितनी भी वेबसाइटें इस्तेमाल की हैं, उनका लगभग हर इंटरैक्शन — ड्रॉपडाउन, डार्क मोड टॉगल, like बटन — इसी पैटर्न का कोई न कोई रूप है।

इस पाठ में आप अपने कार्ड में एक like काउंटर जोड़ेंगे। पाठ के अंत तक आप दिल पर क्लिक करेंगे और अपने हाथों बनाए नंबर को बढ़ता देखेंगे। यही वह पल है जब एक पेज ऐप बन जाता है।