תנו לזה לעשות משהו

כרטיס הפרופיל שלכם נראה מעולה — אבל הוא פשוט יושב שם. תלחצו עליו, תדחפו אותו, כלום לא קורה. וזה בגלל ש-HTML זה המבנה ו-Tailwind זה העיצוב. התנהגות — זה התפקיד של JavaScript.

והנה הסוד שאף אחד לא מספר למתחילים: בווייב קודינג לא משננים JavaScript. אתם מתארים מה אמור לקרות, וה-AI כותב את הקוד. התנהגות היא בסך הכל משפט אחד:

"כשמישהו לוחץ על כפתור הלייק, המספר ליד הלב עולה ב-1."

תנו את הפרומפט הזה ל-AI, והוא יחזיר משהו קטנטן כזה:

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

זהו. שלושה צעדים, כל פעם מחדש:

1. למצוא את האלמנט (getElementById)
2. להקשיב לאירוע (addEventListener("click", ...))
3. לשנות משהו (textContent, class, מה שתרצו)

למצוא, להקשיב, לשנות. כמעט כל אינטראקציה בכל אתר שביקרתם בו אי פעם — תפריטים נפתחים, מצב כהה, כפתורי לייק — היא גרסה כלשהי של הדפוס הזה.

בשיעור הזה תוסיפו מונה לייקים לכרטיס שלכם. בסוף, תלחצו על לב ותראו מספר שאתם שולטים בו עולה. זה הרגע שבו דף הופך לאפליקציה.