Question

我对编码并不是很了解，而且我正在尝试学习，但我需要做的是创建一个简单的计算器来报价。一些东西。它将有一个下拉列表供客户选择其中的选项并将其添加到预设编号以创建总数...例如：

Amy想要上课....并且需要增加课程费用加上$ X的固定学费。她可以从下拉菜单中选择她的班级，它会自动增加学费，并给她一个总额。这难以创造吗？

Answer 1

我必须同意fabian barney关于需要增加您的基本理解，有许多网站可以帮助您做到这一点，例如w3schools

但为了让你走上正确的路线，你想要创造这样的东西。

<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>

可以找到一个工作示例here..

HTML成本计算器

1 个答案: