私はこの質問について尋ねられましたが、それは本当にun然としましたコードの一部:
以下はコードです。
index.html <! > <! - メインページ構造 - > <div> <入力タイプ= "テキスト" name = "number" id = "placeholder =" 10番号を入力してください(スペースを離れない) " /<at href =" javascript:void() "id =" resultbtn "> sort </a> <label> sorted:</label> <! - 結果を表示、挿入、迅速にソートした次の3つのラベル - > <ラベルfor = = <label "bubblesort"> </label> <label for = "insertsort"> </label> <label for = "QuickSort"> </label> </div> <! - end-> <script type = "text/javascript "src =" script.js "> </script> </body> </html>
このページにいくつかのスタイルを書くために来てください、そうでなければそれはあまりにも悪いでしょう。
style.css *マージン:0; 40px;テキストアライメント:34px:10px:100px;} :block-color:} label {block:200px;
次に、メイン関数の実装があります。
script.jswindow.onload = function(){var btn = document.getElementbyId( "resultbtn"); ( "label"); 0 0 0 0 0 0; [j+1]; temp = arr [i]; } return arr;} quicksort = function(arr){basenumindex = [];位置baseNumindex = math i] <basenum){left.push(arr [i]);} else {right.push(arr [i]);} //再帰的にcalle return quicksort(左).concat([basenum]、quicksort(右) )function isnum(num){var renum =/^[0-9]+$/;入力の値(!isnum.value)|| 10){resultlbl [0] .innerhtml = "あなたのフォーマットはing!並べ替え: "lbl [0] .style.color =" black "; var inputstream = inputnum.value.toString(); //入力コンテンツをstring var data = inputstream.split(" "); //除算する変換された文字列、それは配列に変換されます//結果出力resultlbl [1] .innerhtml = " +" <br/> " + bubble(data); + "<br/>" + insert(data); resultlbl [3] .innerhtml = " +" <br/> " + QuickSort(data);
最終的な効果はこれです:
入力なし、静かなテキストボックス、静かなボタン、ラベル:
入力は、10または10を超える入力ではなく、ボタンをクリックした後、エラーがプロンプトされます。
空の場合:
数字ではなく、10桁未満:
10桁以上:
正しい入力の場合:
ヒント:入力番号の間に空のグリッドを追加する必要はなく、入力番号の間に空気を追加する必要はありません。
テキストボックスに入力された数字は、2桁の数字またはさらに多くの数字のメソッドを並べ替えるために、1桁のみを追跡できます。これらのコンテンツがすべての人に役立つことを願っています。