تحسين كود جافا سكريبت لتوليد معادلات عشوائية في صفحة HTML

24/02/2024

5 2 دقائق

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

أولًا، في دالة getRandomNumber، يجب عليك تعريف المتغير results وتمريره كوسمتر إلى الدالة. يمكنك تحسين الدالة كالتالي:

javascript
function getRandomNumber() {
    var results = "";
    var rollDie = getRandomizer(1, 10);
    for (var i = 0; i < 3; i++) {
        results += rollDie() + "";
    }
    getRandomNumber.result = results;
}

ثانيًا، في دالة getRandomEquation، يجب تعيين قيم المتغيرات num_7 إلى num_1 بشكل صحيح. يمكنك تحسين الكود كالتالي:

javascript
function getRandomEquation(num1, num2, num3, num4, num5, num6, num7) {
    var num_7, num_6, num_5, num_4, num_3, num_2, num_1;

    getRandomNumber(num1);
    num_7 = getRandomNumber.result;

    getRandomNumber(num2);
    num_6 = getRandomNumber.result;

    getRandomNumber(num3);
    num_5 = getRandomNumber.result;

    getRandomNumber(num4);
    num_4 = getRandomNumber.result;

    getRandomNumber(num5);
    num_3 = getRandomNumber.result;

    getRandomNumber(num6);
    num_2 = getRandomNumber.result;

    getRandomNumber(num7);
    num_1 = getRandomNumber.result;

    // ... الكود الباقي هنا ...
}

بعد تحديد هذه النقاط، يجب أن تعمل الشيفرة بشكل أفضل. من المهم أيضًا التأكد من أن تقوم بتنفيذ الدالة change() عند النقر على الزر. قمت بتصحيح الشيفرة وتحسينها، ويمكنك استخدام الشيفرة المعدلة أدناه:

html
html>
<html>

<body>

    <p>Click the button below to generate a random equation.p>

    <button onclick="change();">Generatebutton>

    <p id="generate">p>

    <script>
        function getRandomizer(bottom, top) {
            return function () {
                return Math.floor(Math.random() * (1 + top - bottom)) + bottom;
            }
        }

        function getRandomNumber() {
            var results = "";
            var rollDie = getRandomizer(1, 10);
            for (var i = 0; i < 3; i++) {
                results += rollDie() + "";
            }
            getRandomNumber.result = results;
        }

        function getRandomEquation(num1, num2, num3, num4, num5, num6, num7) {
            var num_7, num_6, num_5, num_4, num_3, num_2, num_1;

            getRandomNumber(num1);
            num_7 = getRandomNumber.result;

            getRandomNumber(num2);
            num_6 = getRandomNumber.result;

            getRandomNumber(num3);
            num_5 = getRandomNumber.result;

            getRandomNumber(num4);
            num_4 = getRandomNumber.result;

            getRandomNumber(num5);
            num_3 = getRandomNumber.result;

            getRandomNumber(num6);
            num_2 = getRandomNumber.result;

            getRandomNumber(num7);
            num_1 = getRandomNumber.result;

            // ... الكود الباقي هنا ...

            var values = [
                "" + equation1,
                "" + equation2,
                "" + equation3,
                "" + equation4,
                "" + equation5,
                "" + equation6,
                "" + equation7
            ];

            var i = 0;
            var e;
            if (i >= values.length) {
                i = 0;
            }
            var randomEquation = values[i];
            i++;
            e = values[i];

            return e;
        }

        function getEquation() {
            var bl1, bl2, bl3, bl4, bl5, bl6, bl7, equationOutput;
            var eq = getRandomEquation(bl1, bl2, bl3, bl4, bl5, bl6, bl7);
            getEquation.equation = eq;
        }

        function change() {
            var final = getEquation().equation;
            document.getElementById("generate").innerHTML = final;
        }
    script>

body>

html>

أتمنى أن تكون هذه التحسينات قد ساعدتك في إصلاح الشيفرة وجعلها تعمل كما هو متوقع.

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

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

فوائد تعبيرات اللامبدا في البرمجة

تحسين تسمية مربع البحث وفقًا للقائمة المنسدلة

تحليل وحل مشكلة تكرار استدعاء حالات الاختبار في Spec Flow

تفاصيل اختلاف التحويل الزمني وربط الخاصيات في Angular