Question

我想使用特价计算器创建表单或html文件。

例如：

1st 1公斤的起始价格= 20美元每增加500克= 7.5美元

一旦客户添加* KG ：（例如5kg），则应加载总计：USD 80

有没有可能添加这种类型的表格的方法，或者有任何引导我的线索？

提前谢谢。

Answer 1

欢迎使用StackOverflow Mohamed。通常，您会先尝试一些事情，然后让我们帮助您调试问题所在。但是这里有一些可以帮助您前进的东西。

我破解了一个快速的Javascript函数来执行您所需的计算。您只需在GRAMS中为其传递一个金额，它就会返回一个以美元为单位的值。经验丰富的编码人员会很快注意到，我本可以对它进行更优雅的编码，但此处的目的是向您展示如何对函数进行编码（这是一种良好的编码做法，可重复使用代码）并使用它，而不是炫耀我如何编写某些东西只需几行代码。

要将其放入您设想的基于表单的页面中，请在页面上用文本框替换5千克的硬编码 CalculatePrice（5000）调用，并执行诸如使按钮具有click方法的操作调用CalculatePrice（）可以在文本框中传递值。考虑到您可能需要在执行数学运算之前警告用户输入以克为单位的值，或修改计算价格中的代码以将千克转换为克。

同样，我的意思是不要为您编写所有代码，只需布置一些指针即可入门。 Stack Overflow是关于您尝试一些事情然后询问指针的，但是我相信这可以说明您正在寻找的原理：-)它使用Javascript进行了正确的数学运算，并向您展示了如何在页面上显示结果。本次论坛的精神是，让我来尝试一下，并根据我留下的提示将其转变为可运行的应用程序。

如果将下面的代码粘贴到记事本中并另存为网页并加载，您会发现您所寻找的正确价值为80美元。

<html>
<body>

<p id="demo"></p>
<script>
  function CalculatePrice(TotalGrams){
      var BaseUnits = 0;
      if (TotalGrams > 1000) {
        TotalGrams = TotalGrams - 1000;  // we've accounted for 1st kilo
        BaseUnits = 1;
      }

     var RemainingUnits = (TotalGrams) / 500;
     var retval = (BaseUnits * 20.0) + (RemainingUnits * 7.5);

     return retval;

  }

document.getElementById("demo").innerHTML = CalculatePrice(5000);
</script>
</body>
</html>

特价计算器

1 个答案: