E fin li c'ero arrivato.

E per farlo bastano le due righe di codice che vedi sopra.

Ma dal punto di vista dell'interfaccia grafica?

Comunque prova questo

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <script type="text/javascript">
  function ordina()
  {
    elenco_nomi=document.getElementById("nomi").value.split(";");
    elenco_nomi.sort();
    document.getElementById("nomi_ordinati").innerHTML = "";
    for(var i=0; i<elenco_nomi.length; i++)
        document.getElementById("nomi_ordinati").innerHTML += elenco_nomi[i] + " ";
  
  }
  
  </script>
  
  </head>
  <body>
   <form>
   Inserisci i nomi separati da punto e virgola senza spazi

   <input type="text" id="nomi"> 

   <input type="button" name="Ordina" Value="Ordina" onclick="ordina()">

   
   </form>
   <div type="text" id="nomi_ordinati"></div>
  </body>
</html>