Me preguntaron sobre esta pregunta en una entrevista, pero estaba realmente aturdido. un trozo de código:
El siguiente es el código:
Index.html <! > <!-Estructura de la página principal-> <div> <input type = "text" name = "number" id = "number" placeHOLDER = "Por favor, ingrese 10 números (no deje espacio)" /<href = " JavaScript: void () "id =" resultBtn "> sort </a> <label> Después de ordenado: </selabel> <!-Las siguientes tres etiquetas se muestran, insertaron y ordenaron rápidamente los resultados--> <etiqueta for = "Bubblesort"> </label> <etiqueta for = "insertSort"> </label> <etiqueta for = "Quicksort"> </label> </div> <!-end> <script type = "text/javaScript "src =" script.js "> </script> </body> </html>
Ven a escribir algunos estilos en esta página, de lo contrario será una lástima.
style.css *{margen: 0; 40px-alinearse: Centro; Text-Align: Centro; : Bloqueo de fondo;Luego está la implementación de la función principal.
script.jswindow.onload = function () {var btn = document.getElementById ("resultBtn"); ("etiqueta"); // Los resultados muestran la etiqueta var i, j, temp; // 0 0 0 0 0 0 0 0 0; [j+1]; temp = arr [i]; } Return arr;} // ordene rápidamente var quicksort = function (arr) {var base, basenumindex; La posición baseenumindex = math. i] <Basenum) {Left.push (arr [i]);} else {right.push (arr [i]);} // llame recursivamente return Quicksort (izquierda) .concat ([Basenum], Quicksort (derecha) ); Valor de la entrada El tipo y la longitud del tipo y la longitud del aire if (! Isnum.Value) || 10) {resultLbl [0] .innerhtml = "¡Tu formato es ing! [Debe ser 10 número]" "; resultlbl [0] .style.color =" rojo ";} else {resultlbl [0] .innerhtml =" después ordenado: "lbl [0] .style.color =" negro "; var inputStream = inputNum.Value.ToString (); // Convertir el contenido de entrada en cadena var data = inputStream.split (" "); // Divide el Cadena convertida, es equivalente a convertir en una matriz // resultado de la salida de resultados [1] .innerhtml = "bubblesort:" + "<br/>" + bubble (data); + "<br/>" + insertar (datos);El efecto final es este:
Sin entrada, un cuadro de texto tranquilo, un botón tranquilo y una etiqueta:
La entrada no es el número, no la entrada diez o más de diez, o está vacía.
Para vacío:
No es el número y menos de diez dígitos:
Más de diez dígitos:
En el caso de la entrada correcta:
Consejo: no es necesario agregar una cuadrícula vacía entre los números de entrada, y no hay necesidad de agregar una cuadrícula vacía entre los números de entrada.
Cabe señalar que los números ingresados en el cuadro de texto solo pueden ser un dígito (0-9). Espero que estos contenidos sean útiles para todos.