Saya ditanya tentang pertanyaan ini dalam sebuah wawancara, tetapi itu benar -benar terpana. Sepotong kode:
Berikut ini adalah kodenya:
Index.html <! > <!-Struktur Halaman Utama-> <SEV> <Input Type = "Text" Name = "Number" Id = "Number" Placeholder = "Harap masukkan 10 angka (jangan tinggalkan ruang)" /<at href = " JavaScript: void () "id =" resultBtn "> sort </a> <label> Setelah diurutkan: </label> <!-Tiga label berikut ditampilkan, dimasukkan, dan dengan cepat mengurutkan hasil--> <label untuk = "BubblesORT"> </LABEL> <Label untuk = "InsertSort"> </LABEL> <LABEL untuk = "QuickSort"> </LABEL> </DIV> <!-END-> <SCRIPT TYPE = "TEXT/JAVASCRIPTSCRIPT "src =" script.js "> </script> </body> </html>
Datang untuk menulis beberapa gaya untuk halaman ini, jika tidak, itu akan terlalu buruk.
Style.css *{margin: 0; 40px; Teks-ALLAH: LINGKARAN; : Latar belakang-warna: Black;Lalu ada implementasi fungsi utama.
script.jswindow.onload = function () {var btn = document.geteLementById ("resultBtn"); (label "); // Hasilnya menunjukkan label var i, j, temp; 0 0 0 0 0 0 0 0 0 0; ) temp = arr [i]; } Return ARR;} // STREEK VAR QUICKSORT = FUNGSI (ARR) {Var Base, BasenumIndex Var Left = []; Posisi BaseenumIndex = Matematika. i] <basenum) {left.push (arr [i]);} else {right.push (arr [i]);} // call return quicksort (kiri) .concat ([basenum], quicksort (kanan) secara rekursif (kanan) ); Nilai input jenis dan panjang jenis dan panjang udara jika (! Isnum.value) || 10) {resultlbl [0] .innerHtml = "Format Anda adalah! [Harus 10 angka]" "; resultlbl [0] .style.color =" red ";} else {resultlbl [0] .innerHtml =" setelah diurutkan: "lbl [0] .style.color =" black "; var inputStream = inputnum.value.toString (); // Konversi konten input ke string var data = inputStream.split (" "); // Bagilah String yang dikonversi, setara dengan konversi menjadi array // hasil output hasil [1] .innerhtml = "Bubblesort:" + "<br/>" + Bubble (data); + "<br/>" + insert (data);Efek terakhir adalah ini:
Tanpa input, kotak teks yang tenang, tombol yang tenang dan label:
Inputnya bukan nomornya, bukan input sepuluh atau lebih dari sepuluh, atau kosong.
Untuk kosong:
Bukan angka dan kurang dari sepuluh digit:
Lebih dari sepuluh digit:
Dalam kasus input yang benar:
Kiat: Tidak perlu menambahkan kisi -kisi kosong antara nomor input, dan tidak perlu menambahkan kisi -kisi kosong di antara nomor input.
Perlu dicatat bahwa angka-angka yang dimasukkan dalam kotak teks hanya bisa satu digit (0-9). Silakan lanjutkan untuk melacak situs web ini untuk menyortir metode untuk nomor dua digit atau bahkan lebih banyak digit. Saya berharap konten ini akan membantu semua orang.