Как сделать калькулятор чаевых с помощью JavaScript? ⇐ Jquery

[Anonymous]

Я прохожу курс по созданию проектов JavaScript на udemy, и один из них — это калькулятор подсказок. Я могу ввести счет и процент, но он не рассчитывает сумму чаевых или общую сумму.

Я пробовал изменить форму на тег div. Я попытался добавить действие = "javascript:void(calculate())". Я попробовал добавить в функцию Number так, чтобы var Tip = Number(amount) * (Number(percentage)/100);
Я запустил это в нескольких браузерах и не смог получить вычисленные результаты.

Код: Выделить всё

function calculate() {
var amount = $('#amount').val();
var percentage = $('#percentage').val();
var tip = amount * (percentage / 100);
var total = Number(amount) + tip;

$('#tip').val(tip.toFixed(2));
$('#total').val(total.toFixed(2));
}

$('#calculator').submit(calculate);

Код: Выделить всё

#calculator {
background-color: #273a63;
width: 450px;
height: 350px;
color: #fff;
padding: 55px;
padding-top: 30px;
border-style: none;
border-radius: 25px;
margin: auto;
margin-top: 50px;
}

input {
float: right;
clear: both;
width: 125px;
height: 30px;
margin-top: 5px;
text-align: center;
font-weight: bold;
}

p {
font-size: 35px;
}

#addup {
background-color: #cc0000;
border-style: none;
border-radius: 10px;
width: 220px;
height: 45px;
color: #fff;
font-size: 30px;
margin-right: 120px;
}

h1 {
font-size: 65px;
text-align: center;
color: #1f80c9;
}

#perc {
color: #cd5c5c;
}

Код: Выделить всё

Tip  Calculator

Bill Amount: 
Percentage Tip: 
Tip Amount: 
Total: 

Подробнее здесь: https://stackoverflow.com/questions/572 ... javascript