javascript - 我的计算器没有输出任何内容并且在任何测试中都没有给出错误?

标签 javascript calculator

我一直在开发一个简单的价格计算器,该计算器可以根据客户的输入确定每月的支持成本。客户输入他们拥有的域和用户数量,这会告诉他们我们的成本。我无法让它输出总数。 http://jsfiddle.net/c8sjadd9/1/

function getUserPrice() {
    var userPrice = 0;
    var uPrice = 0;
    //Get a reference to the form id="users"
    var theForm = document.forms("priceform");
    var useNum = theForm.elements("users");

    if (useNum === 1 && useNum <= 5) {
        uPrice = 2.00;
    } else if (useNum >= 6 && useNum <= 10) {
        uPrice = 1.75;
    } else if (useNum >= 11 && useNum <= 15) {
        uPrice = 1.50;
    } else if (useNum >= 16 && useNum <= 25) {
        uPrice = 1.25;
    } else {
        uPrice = 1.00;
    }

    userPrice = theForm() * uPrice();
    //finally we return domainPrice
    return userPrice;
}

function getDomainPrice() {
    var domainPrice = 0;
    var theForm = document.forms("priceform");
    var domNum = theForm.elements("domains");

    domainPrice = domNum() * 8.00;

    return domainPrice;
}


function calculateTotal() {

    var totPrice = getUserPrice() + getDomainPrice();

    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display = 'block';
    divobj.innerHTML = "Your Company's Price is: $" + totPrice;

}

function hideTotal() {
    var divobj = document.getElementById('totalPrice');
    divobj.style.display = 'none';
}

我无法让它显示总数,而且我没有发现它有什么问题......有什么建议吗?

最佳答案

您的代码中有很多错误,我根据我认为应该存在的内容添加此答案。

1) 您应该获得类似 document.forms["priceform"] 的表单,而不是 document.forms("priceform") &&像 form.element["domains"] 这样的元素,而不是 form.element("domains")

2) 你是说 userPrice = theForm() * uPrice(); 但我认为应该有 useNum.value * uPrice在函数 getUserPrice() 中,getUserDomain() 中也存在同样的问题。

3) 在您的 fiddle 中为您的脚本选择 No-Wrap in HEAD

FIXED DEMO

控制台是你的 friend ,养成查看它的习惯。

我试图指出问题,但如果仍有问题请告诉我。

关于javascript - 我的计算器没有输出任何内容并且在任何测试中都没有给出错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25332355/

相关文章:

javascript settimeout更改函数调用中的延迟

c# - 键盘处理程序中的输入/返回键出现问题

ios - 用 Swift 制作计算器

javascript - 如何将计算器运算元素转换为字符串得到解,然后将解返回给元素?

javascript - 如何关闭所有 TinyMCE 内联编辑器

javascript - 如何用 lodash 比较两个对象并返回新对象?

javascript - 悬停时更改表格内容?

javascript - ionic 本地存储删除项目

ios - 如何在 Swift 计算器中显示数千个分组?

c++ - 将二进制转换为十六进制 : error only on 2-7