Как при нажатии 2-х кнопок одновременно на JS сменить текст на другой?

Question

[SpeakeazyYT2]

Здравствуйте. У меня есть код -> https://jsfiddle.net/gzL9umko/
Нужно, чтобы если человек нажал на определённые 2 кнопки из друх разделов (1 кнопка из ВЫБЕРИТЕ ГРУЗОПОДЪЕМНОСТЬ, В ТОННАХ и 1 кнопка из ВЫБЕРИТЕ ПРОЛЕТ КРАНА В МЕТРАХ), то менялась цена (125000) в тексте на другую. Как так сделать?

Comments

[Виктор Л]

может Вам взять готовое?

[Манучехр Жалолов]

SpeakeazyYT2 на пишите мне в телеграмме lostov, я вам помогу ( бесплатно и качественно )

Answer 1

[Сергей Соколов]

Надо как-то держать «состояние» страницы – т.е. выбранные (или еще не выбранные) значения грузоподъёмности и пролёта: var gruz, prolet;

Нажатие кнопки должно устанавливать соответствующее значение величины и вызывать общую для всех кнопок проверку: если оба значения выбраны, то надо посчитать цену:

if( gruz && prolet) {
  price = gruz * 2 + prolet * 3;
  // записать полученное значение цены в нужном месте
} else {
  // сбросить значение цены, т.к. в таком состоянии нечего считать
}

Comments

[SpeakeazyYT2]

Мне нужно не на php коде это всё, а на чистом HTML

[Никита Егоров]

SpeakeazyYT2, это javascript. А html - это язык гипертекстовой разметки и с его помощью вы не сможете сделать динамический подсчет цены.

[Сергей Соколов]

SpeakeazyYT2, это же делается динамически на странице, без перезагрузки страницы при каждом нажатии – так пользователю гораздо быстрее / приятнее. Примерно так можно сделать. Конечно, нажатые кнопки надо помечать каким-то классом, а вычисление цены произойдет по настоящей формуле.

Answer 2

[Dima Polos]

Вообще, задача не очень сложная, но советую вот это видео: https://youtu.be/9y_gbVt9oio
Я не призываю подключать vue, но в видео показан путь реализации похожей задачи на js/jq.