Как переключать массивы?

Question

[Cheizer]

Друзья, оч нужен дельный совет или помощь, опыта мало в JS но разбираюсь немного, пытаюсь сделать простой калькулятор.

Есть 2 списка вопросов, 1 список

Производство
Оптовая торговля
Розничная торговля

И есть второй список, количество лиц

до 10 лиц
20 лиц
30 лиц
Более 30 лиц

И вот первый список переключать должен цифры во втором. И вот как это сделать не понимаю :(



Можно сделать на стороне HTML. Сделать три списка и переключать display none и block. Но это как то не грамотно кажется решать такую задачу путем размножения списков, мне кажется нужно на стороне JS это решать, делать три массива и как то их переключать и менять цифры в INPUT в параметре data-check по клику на элементе первого списка. Как вы думаете, какой подход нужен в моем случае?

Вот сделал заготовку https://codepen.io/Cheizer/pen/eXJXdZ

Answer 1

[0xD34F]

https://jsfiddle.net/4Lg53bs8/

Comments

[Cheizer]

Спасибо большое, ого как вы решили подойти, html вынести в JS совсем практически, только во втором списке названия пунктов не должны меняться вместе с параметрами, До 10 лиц, 20 лиц, 30 лиц. Это по умолчанию не меняются имена. Только параметры их.

[0xD34F]

Роман Кузнецов, тогда вместо ${n} пусть будет ${(i + 1) * 10}.

[Cheizer]

0xD34F, А вижу, в массиве это параметр check, но все таки хотелось бы независимыми эти поля сделать, без цифр и счетчиков имена, я так понимаю можно переименовать их в массиве, но при таком раскладе не работает :( Cannot read property 'values' of undefined

{ name: 'Производство', check: 'Много', values: [ 10, 20, 30, 40 ] },
  { name: 'Оптовая торговля', check: 'Мало', values: [ 100, 200, 300, 400 ] },
  { name: 'Розничная торговля', check: 'Еще больше', values: [ 1000, 2000, 3000, 4000 ] },

[0xD34F]

Как же это бесит. Роман Кузнецов, вы бы сперва определились, чего вам надо, а потом уже вопросы задавали. Этот check - он часть суммы. Что вы собираетесь получить, складывая "еще больше" и... и неважно что ещё. Подумайте. Результаты раздумий сюда выкладывать не надо - на исходный вопрос я ответил, ничего более добавлять не собираюсь.

[Cheizer]

0xD34F, Благодарю, на базе вашего решения попробую реализовать сам дальше.