Ich bin neu in JavaScript und suche Hilfe bei der einfachen Multiplikation zweier Zahlen und bei der Anzeige des Ergebnisses in einem anderen Textfeld. Ich habe seit Tagen versucht, dies zum Laufen zu bringen, ohne Erfolg :(

Hier ist das grundlegende HTML zusammen mit dem JavaScript und einem Link zu einer Geige hierhttp://jsbin.com/egeKAXif/1/edit

Was mache ich falsch?

Die Anwendung, die ich schreiben möchte, hat mindestens 12 Zeilen. Wie würde ich JavaScript / HTML erweitern, um dies zu berücksichtigen? Müsste jede Eingabe-ID eindeutig sein?

Jede Hilfe dankbar :)

    <table width="80%" border="0">
    <tr>
        <th>Box 1</th>
        <th>Box 2</th>
        <th>Result</th>
    </tr>
    <tr>
        <td><input id="box1" type="text" /></td>
        <td><input id="box2" type="text" onchange="calculate()" /></td>
        <td><input id="result" /></td>
    </tr>

    </table>

<script>

    function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    var result = document.getElementById('result'); 
    var myResult = box1 * box2;
    result.innerHTML = myResult;

}
</script>