CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 8 of 8
  1. #1
    Join Date
    Nov 2006
    Posts
    32

    need help adding values in a javascript

    I am trying to add up the best snatch and best cj and place the total in total cell. I am new to java script and If anybody has some examples how to do this I would appreciated it.

    here is the code



    <HTML>
    <head>
    <TITLE>Competition</TITLE>


    <script>

    function calculation(a, b){
    var sum
    sum = a + b
    return sum
    }

    </SCRIPT>

    </head>
    <BODY>
    <P>
    <PRE>

    <center>
    <form name="data">
    <div align="left">
    <table border="1" bordercolor="#808080"> <input type="button" onClick="calculate()" value="Calculate Total"> <input type="reset" onClick="rset()" value="Reset All Data"></td></tr>

    <th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    KG Class</font></th>
    <th width="30" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Name</font></th>
    <th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Lot #</font></th>
    <th width="30" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Club</font></th>
    <th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    BWT</font></th>
    <th width="51" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Snatch1</font></th>
    <th width="51" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Snatch2</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Snatch3</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Best Snatch</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    CJ1</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    CJ2</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    CJ3</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Best CJ</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Total</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Sinclair</font></th>
    <th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
    Place</font></th>





    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>
    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>
    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>
    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>
    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>
    <tr><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
    <input type="text" size="6"> </font></td>


    </table>
    </div>
    </form>
    </center> </td></tr>








    </PRE>
    </P>
    </BODY>
    </HTML>

  2. #2
    Join Date
    May 2002
    Posts
    10,943

    Re: need help adding values in a javascript

    Please remember to use &#91;code&#93; tags when posting.

    &#91;code&#93;
    Put your code here.
    &#91;/code&#93;

    Concerning your problem...You need to assign an ID to your <input> tags. That way, you can grab their value by the following code.

    Code:
    <input type="text" id="theInput">
    <script language="JavaScript">
    var x = document.getElementById('theInput').value;
    </script>
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  3. #3
    Join Date
    Nov 2006
    Posts
    32

    Re: need help adding values in a javascript

    I am looking for sample code that I can hack and understand.

  4. #4
    Join Date
    May 2002
    Posts
    10,943

    Re: need help adding values in a javascript

    Quote Originally Posted by liftthis
    I am looking for sample code that I can hack and understand.
    I just told you exactly how to make yours work. I also included sample code that you can alter.
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  5. #5
    Join Date
    Nov 2006
    Posts
    32

    Re: need help adding values in a javascript

    I can't see the sample code

  6. #6
    Join Date
    May 2002
    Posts
    10,943

    Re: need help adding values in a javascript

    The very last part of my first post shows you how to grab the value of <input tags into JavaScript variables. From there, just add the variables together.
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  7. #7
    Join Date
    Oct 2005
    Posts
    6

    Wink Re: need help adding values in a javascript

    This will do what you are asking. If you need more than contact me by email.
    HTML Code:
    <HTML>
    <head>
    <TITLE>Competition</TITLE>
    <style>
    table
    {
     border:7px double #808080;
     width:100%;
     background-color:#f0f0f0;
     }
    th
    {
     font-family:Verdana;
     font-size:12px;
     color:#0979ff;
     background-color:#cccccc;
     text-align:center;
     }
    td
    {
     text-align:left;
     }
    .w33{width:33px;}
    .w41{width:41px;}
    .w55{width:55px;}
    .w123{width:123px;}
    .inps
    {
     font-family:Arial;
     font-size:14px;
     font-weight:500;
     text-align:center;
     color:#000000;
     background-color:#ffffff;
     }
    </style>
    <script>
    function calculation()
    {
     if(document.getElementById("in9").value && document.getElementById("in13").value)
     {
      document.getElementById("in14").value = Math.abs(document.getElementById("in9").value) + Math.abs(document.getElementById("in13").value);
      }
     if(document.getElementById("in25").value && document.getElementById("in29").value)
     {
      document.getElementById("in30").value = Math.abs(document.getElementById("in25").value) + Math.abs(document.getElementById("in29").value);
      }
     if(document.getElementById("in41").value && document.getElementById("in45").value)
     {
      document.getElementById("in46").value = Math.abs(document.getElementById("in41").value) + Math.abs(document.getElementById("in45").value);
      }
     if(document.getElementById("in57").value && document.getElementById("in61").value)
     {
      document.getElementById("in62").value = Math.abs(document.getElementById("in57").value) + Math.abs(document.getElementById("in61").value);
      }
     if(document.getElementById("in73").value && document.getElementById("in77").value)
     {
      document.getElementById("in78").value = Math.abs(document.getElementById("in73").value) + Math.abs(document.getElementById("in77").value);
      }
     if(document.getElementById("in89").value && document.getElementById("in93").value)
     {
      document.getElementById("in94").value = Math.abs(document.getElementById("in89").value) + Math.abs(document.getElementById("in93").value);
      }
     }
    </SCRIPT>
    </head>
    <BODY>
    <form>
    <table>
    <tr>
    <th class="w41">KG Class</th>
    <th class="w123">Name</th>
    <th class="w41">Lot #</th>
    <th class="w123">Club</th>
    <th class="w33">BWT</th>
    <th class="w55">Snatch1</th>
    <th class="w55">Snatch2</th>
    <th class="w55">Snatch3</th>
    <th class="w55">Best Snatch</th>
    <th class="w41">CJ1</th>
    <th class="w41">CJ2</th>
    <th class="w41">CJ3</th>
    <th class="w41">Best CJ</th>
    <th class="w41">Total</th>
    <th class="w55">Sinclair</th>
    <th class="w41">Place</th>
    </tr>
    <tr>
    <td><input id="in1" class="w41 inps" type="text"></td>
    <td><input id="in2" class="w123 inps" type="text"></td>
    <td><input id="in3" class="w41 inps" type="text"></td>
    <td><input id="in4" class="w123 inps" type="text"></td>
    <td><input id="in5" class="w33 inps" type="text"></td>
    <td><input id="in6" class="w55 inps" type="text"></td>
    <td><input id="in7" class="w55 inps" type="text"></td>
    <td><input id="in8" class="w55 inps" type="text"></td>
    <td><input id="in9" class="w55 inps" type="text"></td>
    <td><input id="in10" class="w41 inps" type="text"></td>
    <td><input id="in11" class="w41 inps" type="text"></td>
    <td><input id="in12" class="w41 inps" type="text"></td>
    <td><input id="in13" class="w41 inps" type="text"></td>
    <td><input id="in14" class="w41 inps" type="text"></td>
    <td><input id="in15" class="w55 inps" type="text"></td>
    <td><input id="in16" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in17" class="w41 inps" type="text"></td>
    <td><input id="in18" class="w123 inps" type="text"></td>
    <td><input id="in19" class="w41 inps" type="text"></td>
    <td><input id="in20" class="w123 inps" type="text"></td>
    <td><input id="in21" class="w33 inps" type="text"></td>
    <td><input id="in22" class="w55 inps" type="text"></td>
    <td><input id="in23" class="w55 inps" type="text"></td>
    <td><input id="in24" class="w55 inps" type="text"></td>
    <td><input id="in25" class="w55 inps" type="text"></td>
    <td><input id="in26" class="w41 inps" type="text"></td>
    <td><input id="in27" class="w41 inps" type="text"></td>
    <td><input id="in28" class="w41 inps" type="text"></td>
    <td><input id="in29" class="w41 inps" type="text"></td>
    <td><input id="in30" class="w41 inps" type="text"></td>
    <td><input id="in31" class="w55 inps" type="text"></td>
    <td><input id="in32" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in33" class="w41 inps" type="text"></td>
    <td><input id="in34" class="w123 inps" type="text"></td>
    <td><input id="in35" class="w41 inps" type="text"></td>
    <td><input id="in36" class="w123 inps" type="text"></td>
    <td><input id="in37" class="w33 inps" type="text"></td>
    <td><input id="in38" class="w55 inps" type="text"></td>
    <td><input id="in39" class="w55 inps" type="text"></td>
    <td><input id="in40" class="w55 inps" type="text"></td>
    <td><input id="in41" class="w55 inps" type="text"></td>
    <td><input id="in42" class="w41 inps" type="text"></td>
    <td><input id="in43" class="w41 inps" type="text"></td>
    <td><input id="in44" class="w41 inps" type="text"></td>
    <td><input id="in45" class="w41 inps" type="text"></td>
    <td><input id="in46" class="w41 inps" type="text"></td>
    <td><input id="in47" class="w55 inps" type="text"></td>
    <td><input id="in48" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in49" class="w41 inps" type="text"></td>
    <td><input id="in50" class="w123 inps" type="text"></td>
    <td><input id="in51" class="w41 inps" type="text"></td>
    <td><input id="in52" class="w123 inps" type="text"></td>
    <td><input id="in53" class="w33 inps" type="text"></td>
    <td><input id="in54" class="w55 inps" type="text"></td>
    <td><input id="in55" class="w55 inps" type="text"></td>
    <td><input id="in56" class="w55 inps" type="text"></td>
    <td><input id="in57" class="w55 inps" type="text"></td>
    <td><input id="in58" class="w41 inps" type="text"></td>
    <td><input id="in59" class="w41 inps" type="text"></td>
    <td><input id="in60" class="w41 inps" type="text"></td>
    <td><input id="in61" class="w41 inps" type="text"></td>
    <td><input id="in62" class="w41 inps" type="text"></td>
    <td><input id="in63" class="w55 inps" type="text"></td>
    <td><input id="in64" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in65" class="w41 inps" type="text"></td>
    <td><input id="in66" class="w123 inps" type="text"></td>
    <td><input id="in67" class="w41 inps" type="text"></td>
    <td><input id="in68" class="w123 inps" type="text"></td>
    <td><input id="in69" class="w33 inps" type="text"></td>
    <td><input id="in70" class="w55 inps" type="text"></td>
    <td><input id="in71" class="w55 inps" type="text"></td>
    <td><input id="in72" class="w55 inps" type="text"></td>
    <td><input id="in73" class="w55 inps" type="text"></td>
    <td><input id="in74" class="w41 inps" type="text"></td>
    <td><input id="in75" class="w41 inps" type="text"></td>
    <td><input id="in76" class="w41 inps" type="text"></td>
    <td><input id="in77" class="w41 inps" type="text"></td>
    <td><input id="in78" class="w41 inps" type="text"></td>
    <td><input id="in79" class="w55 inps" type="text"></td>
    <td><input id="in80" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in81" class="w41 inps" type="text"></td>
    <td><input id="in82" class="w123 inps" type="text"></td>
    <td><input id="in83" class="w41 inps" type="text"></td>
    <td><input id="in84" class="w123 inps" type="text"></td>
    <td><input id="in85" class="w33 inps" type="text"></td>
    <td><input id="in86" class="w55 inps" type="text"></td>
    <td><input id="in87" class="w55 inps" type="text"></td>
    <td><input id="in88" class="w55 inps" type="text"></td>
    <td><input id="in89" class="w55 inps" type="text"></td>
    <td><input id="in90" class="w41 inps" type="text"></td>
    <td><input id="in91" class="w41 inps" type="text"></td>
    <td><input id="in92" class="w41 inps" type="text"></td>
    <td><input id="in93" class="w41 inps" type="text"></td>
    <td><input id="in94" class="w41 inps" type="text"></td>
    <td><input id="in95" class="w55 inps" type="text"></td>
    <td><input id="in96" class="w41 inps" type="text"></td>
    </tr>
    <tr>
    <td colspan=16>
    <input type="button" onClick="calculation()" value="Calculate Total">
    <input type="reset" value="Reset All Data">
    </td>
    </tr>
    </table>
    </form>
    </BODY>
    </HTML>
    Jerry Broughton
    job0107@comcast.net

    You are only limited by your imagination.

  8. #8
    Join Date
    Nov 2006
    Posts
    32

    Re: need help adding values in a javascript

    I have made some enhancements and need to know how to use values in the sex pull down menu on the calculate function.

    Thanks in advance


    Code:
    <HTML>
    <head>
    <TITLE>Competition</TITLE>
    <style>
    table
    {
     border:7px double #808080;
     width:10%;
     background-color:#f0f0f0;
     }
    th
    {
     font-family:Verdana;
     font-size:12px;
     color:#0979ff;
     background-color:#cccccc;
     text-align:center;
     }
    td
    {
     text-align:left;
     }
    .w42{width:42px;}
    .w42{width:42px;}
    .w55{width:55px;}
    .w123{width:123px;}
    .w70{width:70px;}
    .inps
    {
     font-family:Arial;
     font-size:14px;
     font-weight:500;
     text-align:center;
     color:#000000;
     background-color:#ffffff;
     }
    </style>
    <script>
    function calculation()
    {
     if(document.getElementById("in11").value && document.getElementById("in15").value)
     {
      document.getElementById("in16").value = Math.abs(document.getElementById("in11").value) + Math.abs(document.getElementById("in15").value);
      
       if( document.getElementById("in3").selectedIndex.value == 1)
       { 
         // for men  
         document.getElementById("in17").value = document.getElementById("in16").value* Math.pow(10,0.845716976 * (Math.pow(Math.log(document.getElementById("in7").value / 168.091) / Math.log(10),2))) ;
       }
       
       if( document.getElementById("in3").selectedIndex.value == 2)
       {
         // for female
         document.getElementById("in17").value = document.getElementById("in16").value* Math.pow(10,1.316081431 * (Math.pow(Math.log(document.getElementById("in7").value / 107.844) / Math.log(10),2))) ;
       }
    
     }
     if(document.getElementById("in25").value && document.getElementById("in29").value)
     {
      document.getElementById("in30").value = Math.abs(document.getElementById("in25").value) + Math.abs(document.getElementById("in29").value);
      }
     if(document.getElementById("in41").value && document.getElementById("in45").value)
     {
      document.getElementById("in46").value = Math.abs(document.getElementById("in41").value) + Math.abs(document.getElementById("in45").value);
      }
     if(document.getElementById("in57").value && document.getElementById("in61").value)
     {
      document.getElementById("in62").value = Math.abs(document.getElementById("in57").value) + Math.abs(document.getElementById("in61").value);
      }
     if(document.getElementById("in73").value && document.getElementById("in77").value)
     {
      document.getElementById("in78").value = Math.abs(document.getElementById("in73").value) + Math.abs(document.getElementById("in77").value);
      }
     if(document.getElementById("in89").value && document.getElementById("in93").value)
     {
      document.getElementById("in94").value = Math.abs(document.getElementById("in89").value) + Math.abs(document.getElementById("in93").value);
      }
     }
    
    
    
    
    </SCRIPT>
    </head>
    <BODY>
    <form>
    <table>
    <tr>
    <th class="w42">KG Class</th>
    <th class="w42">YOB</th>
    <th class="w42">sex</th>
    <th class="w123">Name</th>
    <th class="w42">Lot #</th>
    <th class="w123">Club</th>
    <th class="w55">BWT</th>
    <th class="w55">Snatch1</th>
    <th class="w55">Snatch2</th>
    <th class="w55">Snatch3</th>
    <th class="w55">Best Snatch</th>
    <th class="w42">C&J1</th>
    <th class="w42">C&J2</th>
    <th class="w42">C&J3</th>
    <th class="w42">Best C&J</th>
    <th class="w42">Total</th>
    <th class="w70">Sinclair</th>
    <th class="w42">Place</th>
    </tr>
    <tr>
    <td><input id="in1" class="w42 inps" type="text"></td>
    <td><input id="in2" class="w42 inps" type="text"></td>
    <td><select name="in3"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
        
    
    
    
    
    
    <td><input id="in4" class="w123 inps" type="text"></td>
    <td><input id="in5" class="w42 inps" type="text"></td>
    <td><input id="in6" class="w123 inps" type="text"></td>
    <td><input id="in7" class="w55 inps" type="text"></td>
    <td><input id="in8" class="w55 inps" type="text"></td>
    <td><input id="in9" class="w55 inps" type="text"></td>
    <td><input id="in10" class="w55 inps" type="text"></td>
    <td><input id="in11" class="w55 inps" type="text"></td>
    <td><input id="in12" class="w42 inps" type="text"></td>
    <td><input id="in13" class="w42 inps" type="text"></td>
    <td><input id="in14" class="w42 inps" type="text"></td>
    <td><input id="in15" class="w42 inps" type="text"></td>
    <td><input id="in16" class="w42 inps" type="text"></td>
    <td><input id="in17" class="w70 inps" type="text"></td>
    <td><input id="in18" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in19" class="w42 inps" type="text"></td>
    <td><input id="in20" class="w42 inps" type="text"></td>
    <td><select name="in21"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
    
    <td><input id="in22" class="w123 inps" type="text"></td>
    <td><input id="in23" class="w42 inps" type="text"></td>
    <td><input id="in24" class="w123 inps" type="text"></td>
    <td><input id="in25" class="w55 inps" type="text"></td>
    <td><input id="in26" class="w55 inps" type="text"></td>
    <td><input id="in27" class="w55 inps" type="text"></td>
    <td><input id="in28" class="w55 inps" type="text"></td>
    <td><input id="in29" class="w55 inps" type="text"></td>
    <td><input id="in30" class="w42 inps" type="text"></td>
    <td><input id="in31" class="w42 inps" type="text"></td>
    <td><input id="in32" class="w42 inps" type="text"></td>
    <td><input id="in33" class="w42 inps" type="text"></td>
    <td><input id="in34" class="w42 inps" type="text"></td>
    <td><input id="in35" class="w70 inps" type="text"></td>
    <td><input id="in36" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in37" class="w42 inps" type="text"></td>
    <td><input id="in18" class="w42 inps" type="text"></td>
    <td><select name="in39"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
    
    <td><input id="in34" class="w123 inps" type="text"></td>
    <td><input id="in35" class="w42 inps" type="text"></td>
    <td><input id="in36" class="w123 inps" type="text"></td>
    <td><input id="in37" class="w55 inps" type="text"></td>
    <td><input id="in38" class="w55 inps" type="text"></td>
    <td><input id="in39" class="w55 inps" type="text"></td>
    <td><input id="in40" class="w55 inps" type="text"></td>
    <td><input id="in41" class="w55 inps" type="text"></td>
    <td><input id="in42" class="w42 inps" type="text"></td>
    <td><input id="in43" class="w42 inps" type="text"></td>
    <td><input id="in44" class="w42 inps" type="text"></td>
    <td><input id="in45" class="w42 inps" type="text"></td>
    <td><input id="in46" class="w42 inps" type="text"></td>
    <td><input id="in47" class="w70 inps" type="text"></td>
    <td><input id="in48" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in49" class="w42 inps" type="text"></td>
    <td><input id="in17" class="w42 inps" type="text"></td>
    <td><select name="in3"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
    
    <td><input id="in50" class="w123 inps" type="text"></td>
    <td><input id="in51" class="w42 inps" type="text"></td>
    <td><input id="in52" class="w123 inps" type="text"></td>
    <td><input id="in53" class="w55 inps" type="text"></td>
    <td><input id="in54" class="w55 inps" type="text"></td>
    <td><input id="in55" class="w55 inps" type="text"></td>
    <td><input id="in56" class="w55 inps" type="text"></td>
    <td><input id="in57" class="w55 inps" type="text"></td>
    <td><input id="in58" class="w42 inps" type="text"></td>
    <td><input id="in59" class="w42 inps" type="text"></td>
    <td><input id="in60" class="w42 inps" type="text"></td>
    <td><input id="in61" class="w42 inps" type="text"></td>
    <td><input id="in62" class="w42 inps" type="text"></td>
    <td><input id="in63" class="w70 inps" type="text"></td>
    <td><input id="in64" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in65" class="w42 inps" type="text"></td>
    <td><input id="in17" class="w42 inps" type="text"></td>
    <td><select name="in3"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
    
    <td><input id="in66" class="w123 inps" type="text"></td>
    <td><input id="in67" class="w42 inps" type="text"></td>
    <td><input id="in68" class="w123 inps" type="text"></td>
    <td><input id="in69" class="w55 inps" type="text"></td>
    <td><input id="in70" class="w55 inps" type="text"></td>
    <td><input id="in71" class="w55 inps" type="text"></td>
    <td><input id="in72" class="w55 inps" type="text"></td>
    <td><input id="in73" class="w55 inps" type="text"></td>
    <td><input id="in74" class="w42 inps" type="text"></td>
    <td><input id="in75" class="w42 inps" type="text"></td>
    <td><input id="in76" class="w42 inps" type="text"></td>
    <td><input id="in77" class="w42 inps" type="text"></td>
    <td><input id="in78" class="w42 inps" type="text"></td>
    <td><input id="in79" class="w70 inps" type="text"></td>
    <td><input id="in80" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td><input id="in81" class="w42 inps" type="text"></td>
    <td><input id="in17" class="w42 inps" type="text"></td>
    <td><select name="in3"
          <option value=0></option>
          <option value=1>M</option>
          <option value=2>F</option>
        </select>
    </td>
    
    <td><input id="in82" class="w123 inps" type="text"></td>
    <td><input id="in83" class="w42 inps" type="text"></td>
    <td><input id="in84" class="w123 inps" type="text"></td>
    <td><input id="in85" class="w55 inps" type="text"></td>
    <td><input id="in86" class="w55 inps" type="text"></td>
    <td><input id="in87" class="w55 inps" type="text"></td>
    <td><input id="in88" class="w55 inps" type="text"></td>
    <td><input id="in89" class="w55 inps" type="text"></td>
    <td><input id="in90" class="w42 inps" type="text"></td>
    <td><input id="in91" class="w42 inps" type="text"></td>
    <td><input id="in92" class="w42 inps" type="text"></td>
    <td><input id="in93" class="w42 inps" type="text"></td>
    <td><input id="in94" class="w42 inps" type="text"></td>
    <td><input id="in95" class="w70 inps" type="text"></td>
    <td><input id="in96" class="w42 inps" type="text"></td>
    </tr>
    <tr>
    <td colspan=16>
    <input type="button" onClick="calculation()" value="Calculate Total">
    <input type="reset" value="Reset All Data">
    </td>
    </tr>
    </table>
    </form>
    </BODY>
    </HTML>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  





Click Here to Expand Forum to Full Width

Featured