HTML成本计算器

HTML成本计算器,html,calculator,Html,Calculator,我真的不太懂编码,我正在尝试边走边学……但我需要做的是创建一个简单的计算器来为某些东西报价。它将有一个下拉列表供客户从中选择选项,并将其添加到预设数字中,以创建总数…例如: 艾米想上一门课……并且需要加上课程费用加上固定的学费X美元。她可以从下拉列表中选择她的课程,它会自动加上学费,并给她一个总数。这很难创建吗?我同意fabian barney的观点,即需要提高您的基本理解,有许多网站可以帮助您做到这一点,例如 但是为了让你走上正确的道路,你需要创造这样的东西 <select id="cl

我真的不太懂编码,我正在尝试边走边学……但我需要做的是创建一个简单的计算器来为某些东西报价。它将有一个下拉列表供客户从中选择选项,并将其添加到预设数字中,以创建总数…例如:


艾米想上一门课……并且需要加上课程费用加上固定的学费X美元。她可以从下拉列表中选择她的课程,它会自动加上学费,并给她一个总数。这很难创建吗?

我同意fabian barney的观点,即需要提高您的基本理解,有许多网站可以帮助您做到这一点,例如

但是为了让你走上正确的道路,你需要创造这样的东西

<select id="classSelect" onchange="aFunction()">
    <option value="0">Choose Class</option>
    <option value="1">Class 1 Cost 1</option>
    <option value="2">Class 2 Cost 2</option>
    <option value="3">Class 3 Cost 3</option>
    <option value="4">Class 4 Cost 4</option>
    <option value="5">Class 5 Cost 5</option>
</select>
<div id="result"></div>
<script>
function aFunction(){
    classCost = Number(document.getElementById("classSelect").value);
    fee = 5;
    if (classCost > 0){
        total = classCost + fee;
        document.getElementById("result").innerHTML = total;
    }else{
        document.getElementById("result").innerHTML = ("Select Class");
    }
}
</script>

选课
1类费用1
第2类费用2
第三类费用3
第4类费用4
第五类费用为5美元
函数affunction(){
classCost=编号(document.getElementById(“classSelect”).value);
费用=5;
如果(类别成本>0){
总计=成本+费用;
document.getElementById(“结果”).innerHTML=total;
}否则{
document.getElementById(“结果”).innerHTML=(“选择类”);
}
}

可以找到一个有效的例子

No。听起来很简单。你做了多少?你在哪一点上遇到了麻烦?你有没有试过用谷歌搜索一些代码示例?没有JavaScript、PHP或类似的帮助,HTML无法做到这一点。我所知道的只是如何创建一个下拉框(我会发布它,但我担心它会很长,因为有很多选项)。我试着在网上查看人们创建的其他计算器,它们似乎都太复杂了,无法满足我的需要。我拥有一所驾驶学校,我需要我的客户能够估算课程的成本。所以他们会选择他们的法庭费用,并将其加入我的费用中,以获得总额……我让一名网络开发人员做了所有这一切,他失踪了,所以我一直在尝试自己修复我的网站,因为我雇不起人。
很难创建吗?
这取决于你的知识。当你的麻烦开始于制作下拉框时,答案是:是的,这对你来说太难了。请不要误解我的意思,但在没有基本HTML知识的情况下,很难从这样的事情开始。至少这是我的观点…我感谢你在这方面所做的努力,但我不确定这对OP或社区有多大帮助。不,事实上,这对我所需要的东西来说是惊人的…我只需要弄清楚如何添加一个美元符号和“总成本”一词,以显示它给出总成本的位置。我已经在努力工作,以适应我的成本,但似乎无法找出这两件事。你们真是太棒了,如果可以的话,我现在会给你们一个大大的拥抱。