توليد كلمات وعبارات عشوائية في JavaScript

في سياق تطوير الويب واستخدام لغة البرمجة JavaScript، يمكنك تحقيق هدفك بشكل فعّال عبر استخدام مجموعة من الخطوات المناسبة. تحتاج أولاً إلى إنشاء مصفوفة (Array) تحتوي على الكلمات والعبارات التي ترغب في استخدامها. بمجرد قيام المستخدم بتحديث الصفحة، يمكنك تنفيذ كود JavaScript لاختيار عدة عناصر عشوائيًا من هذه المصفوفة.

للقيام بذلك، يمكنك استخدام Math.random() للحصول على قيمة عشوائية بين 0 و1، ثم تضرب هذه القيمة في طول المصفوفة لتحديد موقع العنصر العشوائي. بعد ذلك، يمكنك استخدام العملية Math.floor() لتقريب الرقم إلى الأقرب صحيح للحصول على الفهرس الكامل.

إليك مثالٌ بسيط يوضح كيف يمكن تحقيق هذا الهدف:

javascriptCopy code
// المصفوفة التي تحتوي على الكلمات والعبارات
const phrasesArray = ["كلمة1", "كلمة2", "عبارة1", "عبارة2", "عبارة3", "كلمة3", "كلمة4"];

// الدالة التي تقوم بتوليد عدد معين من العناصر العشوائية من المصفوفة
function getRandomPhrases(numberOfPhrases) {
    const randomPhrases = [];
    
    for (let i = 0; i < numberOfPhrases; i++) {
        const randomIndex = Math.floor(Math.random() * phrasesArray.length);
        randomPhrases.push(phrasesArray[randomIndex]);
    }

    return randomPhrases;
}

// عند تحديث الصفحة، يمكنك استدعاء الدالة وتمرير عدد العناصر التي تريد عرضها
const randomPhrasesToShow = getRandomPhrases(5);

// يمكنك استخدام randomPhrasesToShow كما تريد في تحديث الصفحة أو العرض
console.log(randomPhrasesToShow);

يمكنك ضبط المصفوفة وعدد العناصر كما يناسب متطلبات مشروعك. هذا النهج يسمح بتوليد قائمة متنوعة من العبارات على كل تحديث للصفحة.

لزيادة التنوع في تصميم مصفوفتك وتحسين تجربة المستخدم، يمكنك أيضًا إضافة وظائف إضافية إلى البرنامج النصي الخاص بك. على سبيل المثال، يمكنك تنظيم المصفوفة إلى فئات مختلفة مثل “كلمات إيجابية”، “كلمات سلبية”، و”عبارات عامة” لتكوين تصنيفات تسهل استخدام الكلمات بشكل ذكي.

هناك أيضًا إمكانية لتحسين تفاعل المستخدم مع الصفحة، يمكنك استخدام واجهة مستخدم أكثر تطورًا وجاذبية. يمكنك تضمين تأثيرات بصرية أو صوتية عند تحديث العبارات العشوائية لجعل التجربة أكثر إثارة.

هذا هو مثال توضيحي لتحسين البرنامج النصي باستخدام فئات وتأثيرات بسيطة:

javascriptCopy code
const phrases = {
    positive: ["إيجابي1", "إيجابي2", "سعيد", "متفائل"],
    negative: ["سلبي1", "سلبي2", "حزين", "يائس"],
    general: ["عبارة1", "عبارة2", "عادي", "تحفيزي"]
};

function getRandomPhrase(category) {
    const categoryPhrases = phrases[category];
    const randomIndex = Math.floor(Math.random() * categoryPhrases.length);
    return categoryPhrases[randomIndex];
}

function getRandomPhrasesByCategory(categories, numberOfPhrases) {
    const randomPhrases = [];

    categories.forEach(category => {
        for (let i = 0; i < numberOfPhrases; i++) {
            randomPhrases.push(getRandomPhrase(category));
        }
    });

    return randomPhrases;
}

const categoriesToShow = ["positive", "negative", "general"];
const randomPhrasesToShow = getRandomPhrasesByCategory(categoriesToShow, 2);

console.log(randomPhrasesToShow);

هذا البرنامج النصي يقوم بتوليد عبارات عشوائية من فئات مختلفة. يمكنك تكامل هذه الأفكار بحسب احتياجات مشروعك لتحسين التفاعل وتوفير تجربة مستخدم أفضل.