مشروع: حاسبة تفاعلية

نبني أول تطبيق حقيقي! HTML:

<input id="a" type="number" placeholder="رقم">
<input id="b" type="number" placeholder="رقم">
<button id="add">اجمع</button>
<p id="res"></p>

وجافاسكربت:

document.querySelector("#add").addEventListener("click", () => {
  const a = Number(document.querySelector("#a").value);
  const b = Number(document.querySelector("#b").value);
  document.querySelector("#res").textContent = "الناتج: " + (a + b);
});

جرب! اكتب رقمين واضغط. لاحظ Number() — بدونها يطلع لصق نصوص بدل الجمع. هذا المشروع بذرة كل تطبيق: مدخلات ← منطق ← عرض النتيجة.