Eingabeaufforderung für Benutzer, um Informationen einzugeben, dann Sortieren Sie die Daten

Für ein Klasse Projekt, ich brauche, um erstellen Sie ein Programm in Javascript, das fordert einen Benutzer zur Eingabe 3 Namen, dann sortiert die Namen alphabetisch und gibt Sie auf dem Bildschirm.

Ich habe herausgefunden, wie man erstellen Sie eine Eingabeaufforderung box, die für den Nutzer zur Eingabe der Daten, und ich kann das Programm und drucken Sie dann die Zeichenfolge, die der Benutzer eingibt, auf dem Bildschirm. Aber ich kann nicht herausfinden, wie man Javascript zum Sortieren der Strings. Ich weiß, dass ich brauche, um ein array zu verwenden, aber ich bin mir nicht sicher wohin mit dem array, oder wie man es zu wissen, vom Benutzer eingegebenen Variablen.

Dies ist der code den ich bisher:

<html>
<script> 

function disp_prompt() 
      {
      var names=prompt("Please enter three names","Names")
      document.getElementById("msg").innerHTML= names
      }

</script> 


<center><input type="button" onclick="disp_prompt()" value="Click Here"></center>
<br>

<h2><center><div id="msg"></div></center></h2>
</html>
  • Es gibt nur eine Eingabeaufforderung, wie der Benutzer geben Sie 3 Namen?
  • Was haben Sie versucht? Haben Sie eine Idee, was zu tun ist mit der Schnur? Hinweise: split, sort und join Funktionen
InformationsquelleAutor Annika Zwirn | 2013-03-21
  1. 4

    Das ganze Aussehen könnte

    var namesToPrompt = 3,
    names         = [ ];

//as long as namesToPrompt is truthy, prompt for inputs
while( namesToPrompt-- ) {
    names.push( prompt('Please enter a name') );
}

//sort our array
names.sort( byName );

//and print it
document.getElementById( 'msg' ).textContent = names.join(',');

function byName( a, b ) {
    return a.localeCompare( b );
}

    Wenn Sie möchten, dass der Benutzer geben Sie alle Namen auf einmal, Sie könnte gehen wie

    var inputNames = prompt( 'Please enter three names','Names' );

document.getElementById( 'msg' ).textContent = inputNames
                                                 .split( /,\s+/ )   //split by any amount of white-space characters in a row
                                                 .sort( byName )
                                                 .join( ',' );

function byName( a, b ) {
    return a.localeCompare( b );
}
    • Geklickt durch Unfall xD das ist im Grunde, wie ich empfehlen würde, es zu tun. obwohl, können Sie einfach .sort() ohne Funktion.
    • Ich würde nicht vorschlagen, dass Sie alle drei Namen auf einmal. Allein die Tatsache, dass Sie geben könnte jeff,tim,tyler oder jeff tim tyler oder jeff, tim, tyler` oder andere zufällige Fälle, und Sie müssten die Rechnung für alle von Ihnen für Sie zu arbeiten. Sie konnte tun .split(/\s|,|,\s) aber selbst das würde wahrscheinlich nicht für alle Grenzfälle. Und das würde auch nicht erlauben vollen Namen, wie jeff shaver da hat es einen Raum.
    • Gibt es eine Möglichkeit, um eine Eingabeaufforderung Feld drei Eingabefelder? Oder muss ich mich einfach drei separate prompt-Boxen erscheinen? Wenn ja, wie bekomme ich das Programm zum drucken der Informationen aus allen drei prompt-Boxen? Ich bekam irgendwann Sie das Programm zur Eingabeaufforderung 3 separaten Boxen, aber es würde nur drucken die Eingabe aus der letzten box.
    • Aus irgendeinem Grund, wenn ich versuche den code, den Sie schrieb, fordert es 3 Felder für die Eingabe, aber es wird nicht alles gedruckt auf der Seite.
    • anspruchsvoller dialog (wie die Eingabe-Elemente) muss erstellt werden, entweder auf Ihrem eigenen (html+css) oder nutzen Sie einen der vielen UI-frameworks zur Verfügung. Die prompt() - Methode ist eine sehr einfache quick ' N ' dirty-element. Wenn nichts gedruckt wird, versuchen Sie .innerHTML statt .textContent legacy-IE-Browser nicht kennen, es zum Beispiel.
    • danke für Eure Hilfe!

    InformationsquelleAutor jAndy
Schreibe einen Kommentar