Замена содержимого в блоке (текст к примеру) при клике на кнопку и не на одну, а на 2 3 4 ... кнопки?

Question

[Максим Иванов]

К примеру когда страница загрузилась, то активна кнопка "1" и написан один текст в блоке. Когда нажимаешь на кнопку "2", то в этом же блоке меняется текст на другой и так с кнопкой "3, 4, ...". При этом рядом такие же блоки с такими же кнопками.
Как на картинке ниже... Нажимаешь на "1" и цена 300, нажимаешь "3" и цена 500 и так далее. Искал, но не нашёл именно такое (хотя знаю, что где-то да есть в интернете). Как можно реализовать?

Кому жалко тратить на меня время, чтобы написать код, хоть словами объясните)

Comments

[WbICHA]

Как можно реализовать?

Берёшь жс, онклик эвенты и реализуешь.

[Максим Иванов]

WbICHA, Единственное о чём я думаю так это то, что:
- У меня получается три таких блока;
- В каждом блоке одинаковые кнопки (1, 3, 5, 7) и одинаковые блоки с ценами;
Заключение: Получается, чтобы мне реализовать это на js нужно для каждой кнопки в каждом блоке и для каждого блока с текстом поставить совершенно разные id (чтобы они не повторялись)?

[WbICHA]

Максим Иванов, а зачем вообще тут ид использовать? Разве что 1 на всю карточку.

Answer 1

[persovt]

Можно реализовать при помощи слайдера (slider js) или самопис