الهدف التعليمي

تعلم كيفية توليد أرقام عشوائية باستخدام JavaScript، وتخزينها وعرضها بطريقة تفاعلية.

عرض تطبيقي

الشرح البرمجي

JavaScript
// Random Number Generator Example
let generatedNumbers = [];

// Generator function to generate random numbers
function* randomNumberGenerator() {
    while (true) {
        yield Math.floor(Math.random() * 100) + 1;
    }
}

const generator = randomNumberGenerator();

// Function to generate a random number and add it to the list
function generateRandomNumber() {
    const number = generator.next().value;
    generatedNumbers.push(number);
    const numberElement = document.getElementById("number");
    numberElement.textContent = `الرقم العشوائي: ${number}`;
    numberElement.style.color = "#2ecc71";
    numberElement.style.fontWeight = "bold";
}

// Function to display all generated numbers
function showAllNumbers() {
    const allNumbersElement = document.getElementById("allNumbers");
    allNumbersElement.textContent = generatedNumbers.length
        ? `الأرقام المنتجة: ${generatedNumbers.join(", ")}`
        : "لم يتم إنتاج أرقام بعد.";
    allNumbersElement.style.color = "#f1c40f";
    allNumbersElement.style.fontWeight = "bold";
}

window.generateRandomNumber = generateRandomNumber;
window.showAllNumbers = showAllNumbers;