On m'a posé des questions sur une question dans une interview, mais elle a été vraiment stupéfaite. Un morceau de code:
Ce qui suit est le code:
Index.html <! > <! - Structure de la page principale-> <div> <entrée type = "text" name = "nombre" id = "nombre" placeholder = "Veuillez entrer 10 numéros (ne quittez pas l'espace)" / <at href = " JavaScript: void () "id =" resultBtn "> tri </a> <vabe> après triage: </ label> <! - Les trois étiquettes suivantes affichées, insérées et ont rapidement trié les résultats- -> <étiquette pour = "Bubblesort"> </ label> <label for = "insertsort"> </ label> <label for = "Quicksort"> </ label> </div> <! - end-> <script type = "text / javascript "src =" script.js "> </ script> </ body> </html>
Venez écrire quelques styles sur cette page, sinon ce sera trop mal.
Style.CSS * {marge: 0; 40px; Texte-alignement: Centre; : Block;Ensuite, il y a la mise en œuvre de la fonction principale.
script.jswindow.onload = function () {var btn = document.getElementById ("resultBtn"); ("Label"); // Les résultats montrent 0 0 0 0 0 0 0 0. [j + 1]; arr [j + 1] = temp;}}} return arr;} // insérer le tri var insersort = fonction (arr) {pour (i = 1; i <10; i ++) { temp = arr [i]; j = i; } Return ar;} // trie rapidement var Quicksort = function (arr) {var base, basenumindex; La position basenuMindex = mathématiques. i] <basenum) {Left.push (arr [i]);} else {droite.push (arr [i]);} // Appeler récursivement return Quicksort (gauche) .Concat ([Basenum], QuickSort (droite) ); Valeur de l'entrée Le type et la longueur du type et de la longueur de l'air if (! ISNUM.VALUE) || 10 " Tri: "lbl [0] .style.color =" noir "; var inputStream = inputnum.value.toString (); // convertir le contenu d'entrée en string var data = inputStream.split (" "); // diviser le String converti, il est équivalent à la conversion en un bilan // résultat de résultat [1] .innerhtml = "bubblesort:" + "<br/>" + bubble (data); + "<br/>" + insert (data); resultlbl [3] .innerhtml = "Quicksort:" + "<br/>" + Quicksort (données);L'effet final est le suivant:
Sans entrée, une zone de texte silencieuse, un bouton silencieux et une étiquette:
L'entrée n'est pas le numéro, pas d'entrée dix ou plus de dix, ou il est vide.
Pour vide:
Pas le nombre et moins de dix chiffres:
Plus de dix chiffres:
Dans le cas de l'entrée correcte:
Astuce: il n'est pas nécessaire d'ajouter une grille vide entre les numéros d'entrée, et il n'est pas nécessaire d'ajouter une grille vide entre les numéros d'entrée.
Il convient de noter que les numéros entrés dans la zone de texte ne peuvent être qu'un chiffre (0-9). J'espère que ces contenus seront utiles à tout le monde.