modifier valeur h:inpuText

bonjour,
je voudrais remplir un inputText en appelant une fonction javascript .
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <SCRIPT language="javascript"> function f(){ document.a.txtTotal.value = "aaaaaaaaaaap"; } </SCRIPT> <html> <body> <f:view> <h:form id="a"> <a onclick="f()">HHH</a> <h:inputText size="12" id="txtTotal" /> </h:form> </f:view> </body> </html>
je ne comprend pas pourquoi ça ne marche pourtant ça marche si je ne travaille qu'avec des éléments HTML :roll:

merci bcp