Recuperare valore da una classe essternamente alla classe

[Yeye]

Salve, probabilmente non ho capito niente io riguardo le classi...
Se mi creo una classe, e la popolo con dei valori, una volta popolata i dati dovrebbero rimanere li a disposizione per quando ne ho bisogno? O no?

io mi creo una classe utente che prende dei valori da un form con il seguente codice:

<script>
class Utente {

            constructor (nome, cognome,_email){
               this.nome=nome;
               this.cognome=cognome;
               this._email=_email;
              } 
         mostraNome() {
                       return this.nome;
                      }     
      
             }  // Chiudo la classe Utente

function valid()
{

var _email=document.form._email.value;
var nome= document.form.nome.value;
var cognome=document.form.cognome.value;
var utente = new Utente(nome, cognome, _email); // creo un nuovo utente
alert(utente.mostraNome());
}

</script>


<form name="form" method="post" value="invia" onSubmit="return valid()">    
<input type="text" name="_email"  placeholder="E-mail"> 
<div id="m"></div><br>
<input type="text" name="nome" id="n"  placeholder="Nome"> <br> <br>

<script>
    alert(utente.mostraNome());
</script>

<input type="text" name="cognome" required placeholder="Cognome"> <br> <br>
<input type="submit" name="Submit" value="Submit">    

</form> 

Una volta creata la classe, vorrei recuperare un valore, ad esempio utente.nome al di fuori della classe, all'interno del form per assegnare tale valore ad esempio ad una input type text. Purtroppo non riesco a farlo... o non si puo fare?

Se ad esempio metto alert(utente.nome) all'interno della funzione valid() mi restituisce il valore desiderato, ma se faccio la stessa cosa all'interno del form non funziona.

Grazie.