[Javascript] Mantenere elementi dinamici dopo aggiornamento pagina

[nico88desmo]

Salve a tutti!

Ho iniziato da poco a fare programmazione web lato client con javascript.
Per prova stò cercando di creare un elenco dinamicamente: ossia alla pressione di un pulsante, mi aggiunge un elemento <li> nell'elenco;

questo è il codice


function addElement() {
var newli = document.createElemeent("li");
var ul = document.getElementById("test");

ul.appendChild(newli);
}

...

<input type="button" onclick="addElement()" value="Test"></input>

<ul id="test">
</ul>


Tutto funziona, solamente che aggiornando la pagina gli elementi creati premendo il pulsante non vengono visualizzati in quanto viene ricaricata la pagina originale.
Domanda: c'è un modo per mantenere questi elementi?

Grazie

[CozzaAmara]

Il fatto che al refresh della pagina torni tutto come prima è perfettamente normale.

In modo molto brutale potresti "appendere" gli elmenti alla lista facendo anche una chiamata in AJAX che aumenta una variabile contatore in sessione.

In questo modo al refresh della pagina puoi sapere prima quanti LI hai e ricrearli in output.

Tuttavia dipende da cosa devi fare nella realtà, non ti basare mai su casi astratti.