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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2113
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 71 раз

Калькулятор на 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 first, second, action, result;
    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;
}); 

Реклама

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

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