Javascript - onclick не работает

Question

Я не уверен, почему, но мое событие onclick для одной из моих кнопок не работает. Это тот, который я использую для расчетов по моей форме. У меня есть два других, которые работают правильно, один запускает функцию печати, а другой перенаправляет на другую страницу.

Вот Javascript для 3-х кнопок:

<script type="text/javascript"> 
function previewFunction() { 
    window.location.href = "preview.php"; 
} 

function printFunction() { 
    window.print(); 
} 

function calculateFunction() { 
    var e = document.getElementById("limit"); 
    var limit = e.options[e.selectedIndex].value; 
    var rate = .0075; 
    var fee = .0025; 

    var cost = (rate + fee) * limit; 
    document.getElementById("cost").innerHtml = cost; 
} 

</script> 

calculateFunction() является тот, который не работает.

Вот HTML для диапазона кнопки высчитывает/стоимость:

<tr> 
    <th align="center"><input class="buttonStuff" type="button" onclick="calculateFunction()" value="Calculate" /></th> 
    <th valign="bottom" align="center"><span style="font-size: 20pt;">Cost: </h3><span id="cost" style="text-decoration:underline;">$0.00</span></th> 
</tr> 

Вот HTML для двух, которые делают работу:

<tr class="container"> 
    <td width="25%" align="center"><input class="buttonStuff" type="button" onclick="previewFunction()" value="Preview" /></td> 
    <td width="25%" align="center"><input type="button" class="buttonStuff" onclick="printFunction()" value="Print" /></td> 
</tr> 

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

Спасибо за любую помощь, которую вы можете предоставить. Дайте мне знать, если мне нужно опубликовать больше кода.

Answer 1

Javascript чувствителен к регистру, это innerHTML, не innerHtml

document.getElementById("cost").innerHTML = cost;