Javascript for Kids · درس

صورة أم كتابة

رمي عملة عشوائيًا

الدرس 1 من 413 خطوة

صورة أم كتابة درس مجاني في Javascript for Kids على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Javascript for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

مرحبًا بكم في Coin Flip! 🪙

مرحبًا أيها المبرمج! 👋 سنبني اليوم Coin Flip Game! 🪙

عندما تقلبون عملة حقيقية، فإنها تستقر على Heads أو Tails. لا نعرف أبدًا أيّهما سيظهر، وهذا ما يجعل الأمر ممتعًا! 🎉

لِنعلّم الحاسوب أيضًا كيف يقلب عملة!

ما المقصود بالعشوائية؟ 🎲

قلب العملة عشوائي. والعشوائي يعني أننا لا نستطيع توقّع الإجابة بشكل مؤكّد. 🤷

تحتوي JavaScript على أداة مساعدة خاصة تُسمّى Math.random(). وهي تعطينا رقمًا مفاجئًا بين 0 و1. 🎲

لِنرَ ما الذي تعطينا إياه!

console.log(Math.random());
console.log(Math.random());
console.log(Math.random());

أرقام صغيرة جدًا 🔢

هل رأيتم تلك الأرقام؟ كانت صغيرة جدًا ومليئة بالأرقام العشرية، مثل 0.3829. 😮

في كل مرة تشغّلون فيها الكود، تحصلون على رقم مختلف. كأن الحاسوب يرمي نردًا غير مرئي من أجلنا! 🎲

let surprise = Math.random();
console.log('My surprise number is: ' + surprise);

أقل من النصف؟ ✂️

للعملة وجهان. لذلك نحتاج إلى تقسيم رقمنا إلى مجموعتين! ✂️

منتصف المسافة بين 0 و1 هو 0.5 (النصف). ويمكننا أن نسأل: هل رقمنا أقل من 0.5؟ 🤔

let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));

حان وقت Heads أو Tails! 🎯

والآن تبدأ الحيلة! إذا كان الرقم أقل من 0.5، نقول Heads، وإلا نقول Tails! 🎯

نستخدم if وelse لاتخاذ القرار.

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

شغّلوه مرة أخرى! 🔁

حاولوا النقر على تشغيل عدة مرات! 🔁

أحيانًا تحصلون على Heads، وأحيانًا على Tails، تمامًا مثل العملة الحقيقية! 🪙

يفاجئنا الحاسوب في كل مرة. 😄

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

حفظ النتيجة 📦

لِنحفظ الإجابة داخل صندوق يُسمّى متغيّرًا. 📦

نُسمّيه result ونضع بداخله إما 'Heads' أو 'Tails'.

let number = Math.random();
let result;
if (number < 0.5) {
  result = 'Heads';
} else {
  result = 'Tails';
}
console.log('The coin shows: ' + result);

دالة لقلب العملة 🛠️

سنقلب العملة مرات كثيرة في لعبتنا، لذا لِننشئ دالة يمكننا إعادة استخدامها! 🛠️

الدالة تشبه آلة صغيرة. نستدعي flipCoin()، فتعيد إلينا نتيجة! 🤖

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log(flipCoin());

استخدام الآلة 🤖

بعد أن أصبحت لدينا آلة لقلب العملة، يمكننا استخدامها مرارًا وتكرارًا! 🤖

لاحظوا كيف نستدعي flipCoin() ثلاث مرات متتالية! 🪙🪙🪙

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());

أضيفوا لمسة مميزة ✨

لِنضف رموزًا تعبيرية ممتعة لعرض وجه العملة! ✨

نضيف رسالة مرحة لنجعل لعبتنا أكثر تشويقًا. 🎉

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads 🙂';
  } else {
    return 'Tails 🪙';
  }
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());

لقد أنشأتم لعبة عملة! 🏆

عمل رائع! 🏆 لقد علّمتم الحاسوب كيف يقلب عملة باستخدام Math.random()!

🎲 العشوائية تعطينا رقمًا مفاجئًا
✂️ نقسم الرقم عند 0.5
🪙 الأقل من 0.5 يساوي Heads، وإلا فهي Tails

بعد ذلك، سنسمح للاعب بتخمين نتيجة العملة! 🤔

اختبار سريع ✅

لِنختبر ذاكرتكم! 🧠 ماذا تعطينا Math.random()؟

أجب عليها في الدرس التفاعلي

مراجعة الدرس 🎀

أحسنتم اليوم! 🎀 إليكم ما تعلّمتموه:

🎲 تنشئ Math.random() رقمًا عشوائيًا
✂️ نقارنه مع 0.5
🪙 نختار Heads أو Tails باستخدام if/else
🛠️ تسمح لنا دالة flipCoin() بإعادة استخدام الكود

نراكم في الدرس التالي أيها الخبراء في العملات! 👋

البدء مجانًا

تعلم JavaScript مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات: 35
الدروس: 140

ابدأ التعلم مجانًا عرض الدورة الكاملة

الأسئلة الشائعة

هل درس «صورة أم كتابة» مجاني؟

نعم — نص درس «صورة أم كتابة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Javascript for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة Javascript for Kids 4 دروس في المجموع.

ماذا ستتعلم في «صورة أم كتابة»؟

رمي عملة عشوائيًا تتمرن على Javascript for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Javascript for Kids؟

لا تُشترط خبرة سابقة. Javascript for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «صورة أم كتابة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Javascript for Kids هذا؟

نعم. كل درس في Javascript for Kids يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Javascript for Kids