Ciao a tutti , premetto che sono nuova in questo campo html e javascript

vorrei chiedervi se poteste aiutarmi a capire cosa sto sbagliando.

Ho creato in una pagina Fb in Html, un contest, che è strutturato
tramite allineamento di video youtube e sotto ognuno di questi video
ho inserito questo pulsante

<script>
var i = 0;
function buttonClick() {
i++;
document.getElementById('inc').value = i;
}
</script>
<button onclick="buttonClick();">VOTA</button>
<input type="text" name="testo" style="width:30px"></input>

Ora desidero che questo tasto funzioni come pulsante vota e cioe' che mantenga
il voto, non che si azzeri ad ogni refresh di pagina, che ogni utente possa votare una volta sola ed infine che funzioni perchè l'ho copiato ed incollato per 20 volte quanti sono i video e non conteggia più se clicco resta il contatore bianco....

Vi ringrazio infinitamente se poteste indicarmi come muovermi. Grazie di cuore