Как сделать логику калькулятора, где учиться?

Question

[Anvar66]

Суть в том, что есть такой калькулятор и вообще не знаю, как сделать его логику? Где учиться? Как его сделать? Подскажите, пожалуйста

Comments

[Ankhena]

Разбейте задачи на части.
Начните с верстки.
Сверстать можете?

[Ярослав Иванов]

Курсы по верстке калькуляторов?

[Anvar66]

Ankhena, да, не могу только логику сделать

[Ankhena]

Anvar66, уже половина дела.
Дальше ищете аналоги в гугле или прямо в codepen https://codepen.io/search/pens?q=plus+minus+buttons
Аналогично для даты.

[Anvar66]

Ankhena, отлично, спасибо большое

Answer 1

[Владимир Коротенко]

Начните с этого, я пока пошел есть
https://jsfiddle.net/vkorotenko/Ld5pvux1/49/

Comments

[Anvar66]

Ты лучший.

Answer 2

[Леонид Роженцев]

https://github.com/Leonid-777/SliderAndCalc здесь похожий калькулятор на javascript. В принципе логика несложная.

Comments

[Anvar66]

Спасибо большое)

Answer 3

[Anvar66]

Приятного аппетита)

Comments

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/Ld5pvux1/

[Anvar66]

Владимир Коротенко, что это за магия, боги? Где вы учились всему этому?

[Anvar66]

Владимир Коротенко, еще тут такое дело, что цена меняется в зависимости от даты. Один день стоит 5000, например, на одного человека

[Владимир Коротенко]

Anvar66, https://jsfiddle.net/vkorotenko/Ld5pvux1/

Наворотите по вкусу.
А начните отсюда
https://ru.vuejs.org/v2/guide/index.html

[Anvar66]

Владимир Коротенко, последний вопрос, если вы ещё здесь и если я вам уже не надоел: что если в определенную дату цены будут меняться? Например, с 20 Мая по 1 Октября цена для взрослого 4000, а для ребенка 2000?
Извините за беспокойство

[Владимир Коротенко]

Anvar66,
https://learn.javascript.ru/datetime

price: function(){
      // дата старта
      var sd = new Date(this.start)
     // дата завершения
      var ed = new Date(this.stop)      
      var days = Math.ceil(  (ed - sd) / (86400 * 1000))            
      var adultPrice = 5000;
      var kidsPrice = 3000;
     // май 4 от нуля октябрь 9 от нуля
      if( (sd.getMonth() >= 4  && getDate() >= 20 )&& (sd.getMonth() < 9  && getDate() < 1) ){
               var adultPrice = 4000;
               kidsPrice = 2000;
      }
      return days * (this.adults * adultPrice + this.kids * kidsPrice );
    }

[Anvar66]

Владимир Коротенко, этот код чего-то не работает

[Владимир Коротенко]

Anvar66, я его не проверял, поиграйтесь с ним возможно скобки не там поставил

[Anvar66]

Владимир Коротенко, хорошо

[Владимир Коротенко]

Anvar66, https://jsfiddle.net/vkorotenko/Ld5pvux1/
Где то все так

[Anvar66]

Владимир Коротенко, извините еще раз за беспокойство, у меня еще вопрос. Дело в том, что мне нужно сделать кастомный datepicker. Не получается

[Владимир Коротенко]

Anvar66, Там уже и так кастомный датапикер.
Ну ради бога отдайте вы на фриланс. Вам там сделают.
Впрочем подключите bootstrap и там по моему есть из коробки кастомизация

[Anvar66]

Владимир Коротенко, хорошо, спасибо