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

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

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 注释，坚持使用 javascript 注释

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