Auto populate outputText based on value entered in inputText in Datatable in JSF

Question

I have one inputbox 'percentage' and one outputbox 'Amount' in datatable. now i want to auto populate Amount when i enter percentage -like say i enter 10 in percentage then Amount should be populated TotalAmount*10/100,and also update 'creditControlTermModel.amount' this value accordingly

<hx:dataTableEx border="0" value="#{client.creditControlList}"
    var="creditControlTermModel">
<hx:columnEx id="ColumnEx5">
    <f:facet name="header">
        <h:outputText value="Percentage"
            styleClass="outputText" id="48"></h:outputText>
    </f:facet>
    <h:inputText styleClass="inputText" id="creditControltext64Input" size="10" 
        value="#{creditControlTermModel.percentage}" ></h:inputText>
</hx:columnEx>
<hx:columnEx id="columnEx6">
    <f:facet name="header">
        <h:outputText value="Amount"
            styleClass="outputText" id="AmtHdr"></h:outputText>
    </f:facet>
    <h:outputText styleClass="outputText" id="TxtOut"
        value="#{creditControlTermModel.amount}" ></h:outputText>
</hx:columnEx>

Please suggest how to do it. I tried using