لقد سُئل عن هذا السؤال ، لكن لم أتمكن من الإجابة عليه لاحقًا. قطعة من الكود:
ما يلي هو الرمز:
index.html <! > <!-بنية الصفحة الرئيسية-> <div> <input type = "text" name = "number" id = "number" placeholder = "الرجاء إدخال 10 أرقام (لا تترك مساحة)" /<في href = " JavaScript: void () "id =" resultbtn "> SITE </a> <sable> بعد الفرز: </label> <!-العلامات الثلاثة التالية المعروضة ، إدراجها ، وسرعان ما تم فرز النتائج-> <label for = "bubblesort"> </sable> <label for = "insertSort"> </billy> <label for = "QuickSort"> </bally> </viv> <!-end-> <script type = "text/javaScript "src =" script.js "> </script> </body> </html>
تعال إلى كتابة بعض الأنماط إلى هذه الصفحة ، وإلا فإنها ستكون سيئة للغاية.
style.css *{margin: 0 ؛ 40px. اطلاع على محاذاة النص: : Block Background.
ثم هناك تنفيذ الوظيفة الرئيسية.
script.jswindow.onload = function () {var btn = document.getElementById ("resultbtn") ؛ ("Label") ؛ 0 0 0 0 0 0 0 ؛ [J+1] ؛ temp = arr [i] ؛ } return arr ؛} // Quicksort Quicksort {arr) الموضع baseenumIndex = arr.length // 2) ؛ i] <basenum) {left.push (arr [i]) ؛} آخر {right.push (arr [i]) ؛} // استدعاء بشكل متكرر Quicksort (يسار) .concat ([basenum] ، Quicksort (يمين) ) ؛ قيمة المدخلات وطولها وطول الهواء إذا (! isnum.value) || 10) {resultlbl [0] .innerhtml = "تنسيلك هو جي! [يجب أن يكون 10 رقم]" "؛ resultlbl [0] فرز: "lbl [0] .style.color =" black "؛ var inputStream = inputNum.value.toString () ؛ // تحويل محتوى الإدخال إلى String var data = inputStream.split (" ") ؛ // قسمي تم تحويل السلسلة ، وهي تعادل التحويل إلى صفيف // الناتج الناتج [1] .innerhtml = "bubblesort:" + "<br/>" + bubble (data) ؛ + "<br/>" + insert (data) ؛
التأثير النهائي هو:
بدون إدخال ، مربع نص هادئ ، زر هادئ وملصق:
الإدخال ليس هو الرقم ، وليس الإدخال عشرة أو أكثر من عشرة ، أو أنه فارغ.
لتفريغ:
ليس الرقم وأقل من عشرة أرقام:
أكثر من عشرة أرقام:
في حالة المدخلات الصحيحة:
نصيحة: ليست هناك حاجة لإضافة شبكة فارغة بين أرقام الإدخال ، وليس هناك حاجة لإضافة شبكة فارغة بين أرقام الإدخال.
تجدر الإشارة إلى أن الأرقام التي تم إدخالها في مربع النص يمكن أن تكون فقط رقمًا واحدًا (0-9). آمل أن تكون هذه المحتويات مفيدة للجميع.