非常简单的JScript - 变量无法正常工作

Question

好的，我在堆栈溢出的第一篇帖子因此问题的简单性。

我正在使用JScript课程中的练习脚本，但无法使其工作：

function calculateMonthly() {

    var webprice = document.getElementById("webprice").value;


    alert(webprice);

}

window.onload =  function () {

    var websitePrice = document.createElement("input");
    websitePrice.setAttribute("id", "webprice");
    websitePrice.setAttribute("type", "text");




   var startButton = document.createElement("input");
startButton.setAttribute("type", "button");
startButton.setAttribute("value", "Calculate Monthly");
startButton.onclick = function () {
    calculateMonthly(); 
};


    document.getElementById("inputArea").appendChild(websitePrice);
};

非常感谢任何帮助。

罗布