Калькулятор на jQuery

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Калькулятор на jQuery

Сообщение Slash » Ср июн 15, 2016 1:52 pm

Без лишних слов, перейду сразу к делу. Написал простенький сценарий калькулятора на jQuery:
Форма для ввода чисел:

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

<div id="display"></div>
<
form action="" method="post">
    <input id="first" type="text" value="">
    <input id="second" type="text" value="">
    <br />
    <input class="decide" data-decide="+" type="submit" value="Прибавить">
    <input class="decide" data-decide="-" type="submit" value="Отнять">
    <input class="decide" data-decide="*" type="submit" value="Умножить">
    <input class="decide" data-decide="/" type="submit" value="Разделить">
</
form>

Сценарий калькулятора:

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

$('.decide').click(function() {
    var 
firstsecondactionresult;
    
first  = $('#first').val();
    
second = $('#second').val();
    
action = $(this).data('decide');

    if (
action == '+') {
        
result Number(first) + Number(second);
    }
    else if (
action == '-') {
        
result Number(first) - Number(second);
    }
    else if (
action == '*') {
        
result Number(first) * Number(second);
    }
    else if (
action == '/') {
        
result Number(first) / Number(second);
    }

    $(
'#display').text('Результат: ' result);

    return 
false;
}); 
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость