javascript函数没有输出

javascript函数没有输出,javascript,html,Javascript,Html,我真的是一个编程新手,这让我困惑了好几天。我想做一个非常简单的邮资计算器。该函数本身工作正常,但当我试图将其链接到用户输入时,我没有得到任何输出。在此方面的任何帮助都将不胜感激 这是我一直在尝试的 <!DOCTYPE html> <html> <head> <title>postage calculator</title> <meta charset="UTF-8">

我真的是一个编程新手,这让我困惑了好几天。我想做一个非常简单的邮资计算器。该函数本身工作正常,但当我试图将其链接到用户输入时,我没有得到任何输出。在此方面的任何帮助都将不胜感激

这是我一直在尝试的

<!DOCTYPE html>


<html>
    <head>
        <title>postage calculator</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-     scale=1.0">
    </head>
    <body>
        <div>Postage Calculator</div>


<input id="amount" type="text" name="purchasePrice" placeholder="0" />
<input id="submit" type="submit" value="submit" />
<script type="text/javascript">

var amount = document.getElementById("amount");
var submit = document.getElementById("submit");

function aberdeen(){
    var weight = parseFloat(amount.value) || 0;
                if(weight>0 && weight<500){

                        return total = 3.50;

                }
                else if(weight<501 && weight<750){

                       return total = 4.30;
                   }
                else if(weight<751 && weight<1000){

                       return  total = 5.10;
                   }
               else if(weight<1001 && weight<1250){

                   return total = 5.90;
               }
                   else if(weight<1251 && weight<1500){

                       return total = 6.70;
                   }
                   else if(weight<1501 && weight<1750){

                       return total = 7.50;
                   }
                   else if(weight<1751 && weight<2000){

                       return total = 8.30;
                    }
                else{
                    return 0;
                }
            }
submit.addEventListener("click", aberdeen, false);
</script>
    </body>
          </html>

邮资计算器
邮资计算器
var金额=document.getElementById(“金额”);
var submit=document.getElementById(“提交”);
函数aberdeen(){
var-weight=parseFloat(amount.value)| 0;

如果(weight>0&&weight,则需要具有计算输出的元素,如:

<div id="output"></div>

加载所侦听的元素后,需要绑定eventListeners。 输出必须显示在某个地方。它可以显示在文本框、HTML元素或simply alert()-box中。我在使用元素的示例中使用了文本框

我还创建了代码的工作版本:

<!DOCTYPE html>


<html>
    <head>
        <title>postage calculator</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-     scale=1.0">
    </head>
    <body>
        <div>Postage Calculator</div>


<input id="amount" type="text" name="purchasePrice" placeholder="0" />
<input id="submit" type="submit" value="submit" />
<input id="userPays" type="text" name="userPays" />
<script type="text/javascript">



function aberdeen(amount){
    var weight = parseFloat(amount) || 0;
    if(weight>0 && weight<500){

        return 3.50;

    }
    else if(weight<501 && weight<750){

        return 4.30;
    }
    else if(weight<751 && weight<1000){

        return 5.10;
    }
    else if(weight<1001 && weight<1250){

        return 5.90;
    }
    else if(weight<1251 && weight<1500){

        return total = 6.70;
    }
    else if(weight<1501 && weight<1750){

        return 7.50;
    }
    else if(weight<1751 && weight<2000){

        return 8.30;
    }
    else{
        return 0;
    }
}



window.onload = function() {
    var amount = document.getElementById("amount");
    var submit = document.getElementById("submit");
    var userPays = document.getElementById("userPays");

    function count(){
        userPays.value = aberdeen(amount.value);
    }

    submit.addEventListener("click", count, false);
}
</script>
    </body>
          </html>

邮资计算器
邮资计算器
香港仔函数(金额){
变量权重=浮动(金额)| | 0;

如果(weight>0&&weight)您的代码应该在哪里给出输出?您想显示“total”的值把你的页面想象成一个傀儡,如果你不告诉它在哪里或者你想要什么值返回,那么它就不会……这是编程的要点,你告诉它你想要它做什么,它会这么做。!非常感谢大家的帮助!非常感谢!每个人都从某个地方开始;)如果我的答案正确地解决了您的问题,请随意投票!