Passing data from HTML to JS function

Question

I have a series of data points that I query for status and voltage, and want to use a function to display as readable data in a table .

I can't seem to get how to pass the register data to the fnction , and then return the processed data to the table .

Here's the test code,

<input type="hidden" id="reg120" name="reg120" readonly value="%d">
<input type="hidden" id="reg121" name="reg121" readonly value="%d">

<script language="javascript">

function dsestate(regn) {

    var state = ["STOP MODE","AUTO MODE","MANUAL MODE","TEST ON LOAD","AUTO MAN","USER CONF","TEST OFF LOAD","OFF"];
    return state[regn];
    }

</script>

<script language="javascript">

function divby10(regn1) {
    return regn1/10;
    }   

</script>

<table id="maintable" style="width:75%">

  <tr>
    <th>Site</th>
    <th style="width:180px">Status</th> 
    <th style="width:180px">Voltage</th>

   </tr>
   <tr> 
    <td><input type="text" id="dsestate(reg120)"></td>
    <td><input type="text" id="divby10(reg121)"></td>
   </tr>




</table>

</body>
</html>

Any help would be appreciated.

Answer 1

divBy10's argument should be a number (so it could be divided by 10). dsestate's argument should also be a number so you can get the object by the index of the state Array (ie state[1]).

And since you're calling a javascript function, it should also use onload=, rather than id=.

I hope that gives you a starting point, good luck!