1

Тема: Простий калькулятор

Порадьте якийсь набір інструментів чи готовий схожий варіант для створення простого калькулятора форми, вводяться одні дані і на виході отримуємо результат. Цікавить на JS. Має бути типу такого http://www.motor-gas.ua/clients/kalkuly … mosti-gbo/

Знайшов цікавий сервіс https://jscalc.io/ - але от не знаю як інтегрувати написаний калькулятор на сайт (хіба що через iframe)

2

Re: Простий калькулятор

по моєму для таких завдань добре підходять mvvm фреймворки по типу ember backbone angular.

3

Re: Простий калькулятор

Це все чудово, але в мене обмаль часу розбиратися, потрібно якомога швидше зробити, оптимально взяти зразок і змінити

4

Re: Простий калькулятор

Може на тому сайті треба зареєструватися і, можливо, заплатити грошики для того щоб отримати код.
Наведений вами калькулятор не виглядає складним. Візьміть і напишіть. Або принаймні спробуйте.

5

Re: Простий калькулятор

Можливо калькулятор доведеться переробити, але на разі потрібно швидко щось показати

Зараз маю варіант вставки через iframe http://codepen.io/karmeljuk/pen/eNEamV

Але проблема в тому, що я ніяким чином не можна потрапити в стилі елементів і змінити під себе. Може хтось знає, як це робиться ?

6 Востаннє редагувалося ktretyak (18.06.2015 12:48:39)

Re: Простий калькулятор

Проблема лише в реалізації інтерактивності? Вам формула обрахунку відома?

Якщо перше, то AngularJS з цим дуже просто справляється. Ось елементарний приклад калькулятора. Зверніть увагу що в лівій частині є файл script.js. У ньому, замість теперішньої формули:

  $scope.result = function()
  {
    if($scope.param1 && $scope.param2)
      return ($scope.param1 + $scope.param2);
  }

можна прописати будь-яку формулу. Також зверніть увагу на типи input.

В AngularJS вираз на боці HTML ng-model="param1" означає, що відбувається спостереження за JS-змінною param1. В контролері цей параметр доступний через вираз $scope.param1

7

Re: Простий калькулятор

Формула розрахунку відома і готовий калькулятор ось тут http://codepen.io/karmeljuk/pen/eNEamV

Інше діло, що вставляти через iframe не дуже розумно

За посилання спасибі, приблизно таке й шукав

8

Re: Простий калькулятор

ktretyak - дякую, на базі того варіанту зробив таке http://codepen.io/karmeljuk/pen/PqJjrd

Тепер питання маю: чому інколи в мене з'являються дужки навколо результату http://www.awesomescreenshot.com/image/ … 114191e528

9

Re: Простий калькулятор

karmeljuk написав:

ktretyak - дякую, на базі того варіанту зробив таке http://codepen.io/karmeljuk/pen/PqJjrd

Тепер питання маю: чому інколи в мене з'являються дужки навколо результату http://www.awesomescreenshot.com/image/ … 114191e528

Це так працює фільтр

... | currency:"":2

В дужках показується від'ємне значення. Тобто вам треба передбачити таку можливість у формулі, і повертати, наприклад, нуль, коли параметри формули в результаті не дають позитивного значення.

Ну або видалити цей фільтр та закругляти значення до двох знаків після коми, але через JS-вираз.

Подякували: karmeljuk1

10

Re: Простий калькулятор

Ще одне: бачу що ви намагаєтесь вписати початкове значення для елементів input. Коли ці елементи опікуються ангуларом, то це можна робити або прямо в HTML, через ng-init="":

<input type="number" min="2" ng-init="petrolPrice = 20" ng-model="petrolPrice">

або в контролері:

$scope.petrolPrice = 20;
Подякували: karmeljuk1

11

Re: Простий калькулятор

ktretyak - спасибі, ніяк не міг з цим розібратися