Question

can you please tell me why this wouldnt work? been stuck at it all day.

I just wanna copy whatever is enetered in the first field, convert it to a variable and project it to the last

field.

Thank you

ps: needless to say i only copied the relevant bits of the code…

<th bgcolor="#eeeee" width=12.5%>Monday</th>
        <th bgcolor="#eeeee" width=12.5%><input id="test" value="09:15" size=15></td></th>
        <th bgcolor="#eeeee" width=12.5%><input type=time id="Monday_Breakfast_LastSeating" value="11:45" size=15></td></th>

    </form>
    </table>

    <form id="form2" id=other method=POST>




        <tr>
            <td bgcolor="#aaeeaa"align=center><button onclick="myFunction()">Calculate</button></td>

        </tr>

    </form>


    <table width=40%  border=0>

        <th bgcolor="#eeaaaa" align=center width=33%>Goal</th>

    </table>

    <form id=result method=POST>
    <table width=40% border=0>

        <th style="border:black;" bgcolor="#eeaaaa" align=center><em></em> <p id="calculation2" size=15>N/A</p></th>
        <th bgcolor="#eeaaaa" align=center><em></em> <p id="calculation3" size=15>N/A</p></th>
        <th bgcolor="#eeaaaa" align=center><p id="calc" size=15>N/A</p></th>

    </table>
    </form>

    <script type="text/javascript">

    function myFunction() {

        var test = getElementById("test").value;
        document.getElementById("calc").innerHTML = test;
        }

    </script>

Answer 1

You forgot the document. before the first getElementById

function myFunction() {
  var test = document.getElementById("test").value; // you forgot the document. here..
  document.getElementById("calc").innerHTML = test;
}

Additionally, there is not size attribute for p elements. (perhaps you wanted to use input elements.. But for those you should use the value property instead of the innerHTML to set them..)