Envoie d'une chaine dans une zone de texte (javascript/HTML5)

Bonjour,

tout d'abord voici mon code :

partie javascript:
------------------------------------------------------------------------------------------------------------------------------------------
function getString(var string)
{
var text = document.getElementById("file").value;

var name = text + string;

document.getElementById("file").value = filename;

// updateRangeValue();
}

partie HTML5

<div>file name :<input name="file" type="text" id="file" value="test"></div>

<div><input name="button1" type="button" value="Test" onClick="getString('00test')"></div>

----------------------------------------------------------------------------------------------------------------------------------------------
*Ceci n'est qu'une partie de mon code.*

Mon problème est le suivant : J'aimerais qu'a l'appuie sur le bouton(button1), ma fonction récupère la chaîne presente dans mon text(file), l'additionne avec la chaîne envoyer a l'appuie de button1 et la remplace l'ancienne chaîne contenue dans le text(file) par le résultat de cette addition, avec possibilite de voir les changement en temps réel (sans avoir besoin d'actualiser la page).

Avez vous un avis/solution a mon problème.

Merci de vos réponses.