توليد علامات تحت السطر بشكل عشوائي

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

أولاً وقبل كل شيء، يجب عليك تحديد المكان الذي تريد عرض السلسلة المحتوية على علامات التحت السطر. في هذا المثال، استخدمت عناصر “p” مع الهوامش والهوامش الداخلية لعرض النص.

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

لتحقيق هذا، يمكنك استخدام الاتي:

html
html>
<html>
<head>
    <title>Random Underscorestitle>
head>
<body>
    <p id="output">p>

    <script>
        // السلسلة الأصلية
        var originalString = "Sachin Tendulkar";
        // تحويل السلسلة إلى مصفوفة من الأحرف
        var stringArray = originalString.split("");
        // عدد العلامات الفارغة التي تريد إضافتها
        var underscoreCount = 5;

        // حلقة لوضع العلامات الفارغة بشكل عشوائي
        for (var i = 0; i < underscoreCount; i++) {
            // اختيار موقع عشوائي في السلسلة
            var randomIndex = Math.floor(Math.random() * stringArray.length);
            // وضع علامة السطر تحت السطر في الموقع العشوائي المحدد
            stringArray[randomIndex] = "_";
        }

        // إعادة تجميع السلسلة لتشمل العلامات الجديدة
        var stringWithUnderscores = stringArray.join("");

        // عرض الناتج في الصفحة
        document.getElementById("output").textContent = stringWithUnderscores;
    script>
body>
html>

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

المزيد من المعلومات

إنشاء مصفوفة متعددة في jQuery

عرض جميع قيم الصفيف JSON في PHP

مقالات ذات صلة

تشغيل ملف موسيقى عند بدء تشغيل البرنامج في C#

فهم Firebase Cloud Messaging (FCM) والإشعارات: دليل المبتدئين

تحسين تجربة التطوير بـ Data Binding في Android

تحسين تفاعلية تطبيقات الويب باستخدام إطار الإغلاق في جافا سكريبت

أنت تستخدم إضافة Adblock