Javascript, не могу понять, почему код не работает

Question

body

<form>I want to know the 
<select id="birthdeath"> 
    <option value="birth">birth rate</option> 
    <option value="death">death rate</option> 
</select> 
<p></p>of 
<select id="country"> 
    <option value="neth">Netherlands</option> 
<option value="ger">Germany</option> 
    <option value="france">France</option> 
    <option value="bras">Brasil</option> 
</select> 
in: <input type="text" maxlength="3" size="3" id="years" placeholder="21"/> years 

    <p></p> 
    <input id="calculate" type="button" value="calculate!" /> 
</form> 
<p>&nbsp;</p> 
<div id="div2">The birth or death rate of your country will be ... </div> 
</div> 
</div> 


    <script type="text/javascript"> 
var number = { 
    birth: { 
     neth: 11, 
     france: 13, 
    ger:8, 
     bras: 17, 
    }, 
    death: { 
     neth: 8, 
     france: 9, 
     ger: 11, 
    bras: 6, 
    } 
}; 



document.getElementById('calculate').addEventListener('click', function() { 
    var birthdeath = document.getElementById('birthdeath').value; 
    var nationality = document.getElementById('country').value; 

    var new = new [birthdeath][nationality] 
    var total=Math.round(new*1.10) 

    document.getElementById('div2').innerHTML = "The birth/ death rate of your country will be <b>" + total + "</b>."; 
}, false);</script> 

    </body> 

Answer 1

Существует совсем немного неправильно с ним ... Вы не можете назвать вар новое для одно это зарезервированное слово.

Во-вторых, у вас есть случайный текст, живущий после вашего тега открытия формы. Но перед любым элементом.

В-третьих, в вашем «новом» создании var я не уверен, что вы пытаетесь создать с помощью [] [] для этого нет никакого смысла.

В-четвертых, не уверен, что если ваш код был вырезать, но есть также два не совпадающая закрытия дивы вблизи дна для сценария