如何计算JS中的百分比差异？

Question

我想计算两个值之间的百分比差异。

我正在努力解决的问题是变量，我不明白如何使它工作，我什至不知道如何开始......所以如果我的代码有很多错误，我很抱歉.

我希望用户能够比较两个国家/地区的出生率和/或死亡率。应该有第一个选项，用户选择他想知道出生率还是死亡率。然后是选择第一个要比较的国家的选项，以及用户选择第二个国家的第三个选项。 但我真的不知道如何真正做到这一点。到目前为止，我得到了这个：

var choice = {
birth: {
    holland: 11,
    brasil: 17,
    irannie, 19,
    //amount of people who are born every 1000 citizens
},
death: {
    holland: 8,
    brasil: 6,
    irannie: 6,

    //amount of people who die every 1000 citizens, note two values are the same.. so what should the result show? I don't understand


}




  document.getElementById('calculate').addEventListener('click', function () {
    var first= +document.getElementById('onecountry').value;
    var second= +document.getElementById('secondcountry').value;
    // var snelheid = +document.getElementById('vervoer').value;





var percentage = first / second * 100;
var resultaat=Math.round(percentage*10)/10

我在这里面临的另一个问题是我不知道如何根据第一个选项显示结果，所以如果用户选择出生率，它应该显示第一次出生率占第二次出生的百分比率，死亡率也一样。

document.getElementById('div2').innerHTML = "Het verschil van het geboortecijfer ten opzichte met het andere land is  <b>" + resultaat + "</b>;

这是在 HTML 中：

<select id="choice">
    <option value="birth">Birth rate </option>
    <option value="death">Death rate</option>
</select>


<select id="onecountry">
    <option value="holland">Nederland</option>
    <option value="brasil">Brazillie</option>
</select>
<p></p>Het tweede land dat je wil vergelijken
<select id="secondcountry">
    <option value="holland">Nederland</option>
    <option value="brasil">Brazillie</option>
    <option value="irannie">Iran</option>
</select>

<p></p>
<p></p>Het percentageverschil is
<input id="calculate" type="button" value="Bereken!" />

 

区别是……

Answer 1

这应该可以解决。我重新编写了计算方法并重新设计了界面。它是英文的，所以你需要翻译它。

您定义的choice 对象已被保留。那很好。然后，在calculate()，我：

• 获取用户想要的统计数据（出生率或死亡率）
• 获取第一和第二个国家
• 通过访问choice 对象获取每个国家/地区的值和统计信息（使用choice[statistic] 获取内部birth 或death 对象，然后额外的[firstCountry] 或[secondCountry] 获取国家/地区的值）
• 计算第一个国家/地区的价值占第二个国家/地区的百分比
• 显示它。

var choice = {
  birth: {
    holland: 11,
    brasil: 17,
    irannie: 19
  },
  death: {
    holland: 8,
    brasil: 6,
    irannie: 6,
  }
}

function calculate() {
  var statistic = document.getElementById("choice").value;
  var firstCountry = document.getElementById("onecountry").value;
  var secondCountry = document.getElementById("secondcountry").value;
  var firstCountryValue = choice[statistic][firstCountry];
  var secondCountryValue = choice[statistic][secondCountry];
  var percentage = Math.floor((firstCountryValue / secondCountryValue) * 100);
  document.getElementById("result").innerText = "First as a percentage of second: " + percentage;
}

Choose statistic to compare:
<select id="choice">
  <option value="birth">Birth rate</option>
  <option value="death">Death rate</option>
</select>
<br/>Choose first country:
<select id="onecountry">
  <option value="holland">Nederland</option>
  <option value="brasil">Brazillie</option>
</select>
<br/>Choose second country:
<select id="secondcountry">
  <option value="holland">Nederland</option>
  <option value="brasil">Brazillie</option>
  <option value="irannie">Iran</option>
</select>
<br/>

<button onclick="calculate()">Calculate</button>
<span id="result"> 
</span>

Answer 2

好的，我想我明白你要做什么了。由于您的选项值映射了您在出生和死亡中使用的键，因此您可以从表单中传递值：

var first = choice.birth[document.getElementById('onecountry').value];
var second = choice.death[document.getElementById('secondcountry').value];

您需要确保没有返回未定义的内容。如果你有这样的对象：

 var myObject = {};

并尝试访问未设置的属性：

 myObject.name    // returns undefined
 myObject['name'] // returns undefined

检查它是否真的存在是关键。

 if (first && second) {
    var percentage = first / second * 100;
    var resultaat=Math.round(percentage*10)/10
 }

希望对您有所帮助。同样在您的 javascript 代码中，不要使用 html cmets，坚持使用 javascript 代码

 <!-- correct use of comment -->
 <p>Hello</p>
 <script type="text/javascript">
   // correct use of a comment here
   alert("hello");
 </script>