Fui perguntado sobre essa pergunta em uma entrevista, mas estava realmente atordoado. Um pedaço de código:
A seguir, o código:
Index.html <! > <!-Estrutura da página principal-> <div> <input type = "text" name = "number" id = "número" espaço reservado = "digite 10 números (não deixe espaço)" /<em href = " JavaScript: void () "id =" resultbtn "> classy </a> <brety> Após classificado: </label> <!-Os três rótulos a seguir exibidos, inseridos e rapidamente classificaram os resultados--> <Rótulo para = "Bubblesort"> </celt> <etiqueta para = "insertSort"> </elabel> <etiqueta para = "chicksort"> </label> </div> <!-end-> <script type = "text/javascript "src =" script.js "> </sCript> </body> </html>
Venha escrever alguns estilos nesta página, caso contrário, será muito ruim.
Style.css *{margem: 0; 40px; TEXTO-ALIMENTO: Centro; : Block;Depois, há a principal implementação da função.
script.jswindow.onload = function () {var btn = document.getElementById ("resultingbtn"); ("Label"); 0 0 0 0 0 0 0 0; [j+1]; temp = arr [i]; } Return arr;} // classificar rapidamente VAR Quicksort = função (arr) {var base, basenumindex; A posição BasEenumindex = matemática. i] <basenum) {left.push (arr [i]);} else {right.push (arr [i]);} // Chamada recursivamente Return Quicksort (esquerda) .Concat ([basenum], Quicksort (direita) ); Valor da entrada O tipo e o comprimento do tipo e o comprimento do ar se (! ISNUM.VALUE) || 10) {resultlbl [0] .innerhtml = "Seu formato é! [Deve ser 10 número]" "; resultadolbl [0] .style.color =" Red ";} else {resultadolbl [0] .innerhtml =" Após classificado: "lbl [0] .style.color =" Black "; var inputStream = inputnum.value.toString (); // converte o conteúdo de entrada em string var data = inputStream.split (" "); // divide o String convertida, é equivalente à conversão em uma matriz // Resultado ResultLbl [1] .innerhtml = "bubblesort:" + "<br/>" + bubble (dados); + "<br/>" + insert (dados);O efeito final é o seguinte:
Sem entrada, uma caixa de texto tranquila, um botão silencioso e um rótulo:
A entrada não é o número, não a entrada dez ou mais de dez, ou está vazio.
Para vazio:
Não o número e menos de dez dígitos:
Mais de dez dígitos:
No caso da entrada correta:
Dica: não há necessidade de adicionar uma grade vazia entre os números de entrada e não há necessidade de adicionar uma grade vazia entre os números de entrada.
Deve-se notar que os números inseridos na caixa de texto podem ser apenas um dígito (0-9). Espero que esses conteúdos sejam úteis para todos.