Javascript 谷歌Chrome称“无法读取属性”；计算器；未定义-计算器是函数名

我对JavaScript比较陌生，所以我正在制作一个简单的计算器来了解它的工作原理

Chrome抛出了一个错误：“uncaughtTypeError:无法读取未定义的属性‘calculator’”。我对我的函数名的错误感到困惑

以下是我的Javascript：

function calculate(){
            var one = document.container.calculator.one.value;
            var two = document.container.calculator.two.value;
            var three = "";

            //Grab the textfield to update with calculation
            var calcField = document.getElementById("calculated");

            // Let's do the math
            three = one*two;

            //Update the textfield
            if(!empty(three)){
                calcField.innerHTML = three;
            }
        }

HTML：

<div id="container">
        <form id="calculator">
            Value 1: <input type="text" name="one" id="one" onChange="calculate();"><br />
            Value 2: <input type="text" name="two" id="two" onChange="calculate();">
            <br /><br />Calculated Text<br />
            <input type="text" id="calculated" name="calculated" readonly>
        </form>
    </div>

值1:

价值2：


计算文本

非常感谢您的帮助

更换

document.container.calculator.one

与

替换

document.container.calculator.one

与

替换

document.container.calculator.one

与

替换

document.container.calculator.one

与

---

啊，我明白了。谢谢。问题，现在是说calculate未定义。。有什么想法吗@詹姆斯蒙塔涅瓦，我明白了。谢谢。问题，现在是说calculate未定义。。有什么想法吗@詹姆斯蒙塔涅瓦，我明白了。谢谢。问题，现在是说calculate未定义。。有什么想法吗@詹姆斯蒙塔涅瓦，我明白了。谢谢。问题，现在是说calculate未定义。。有什么想法吗@詹姆斯蒙塔涅