Блог

У меня возникли некоторые проблемы с некоторыми эффектами фокусировки кнопок, хотя я не знаю, должен ли я использовать фокус или нет. Итак, вчера я пытался создать сайт для обжарки кофе. Теперь мне нужно создать несколько вариантов

напр.. Какой тип кофе хочет пользователь и сколько и т.д.

Так что за это. Я сделал h1, а ниже сделал несколько кнопок. Если они нажмут на кнопку, она должна изменить ее внешний вид, чтобы пользователь знал, что она выбрана сейчас, когда я нажимаю на другую кнопку из другой категории, кнопка предыдущей категории отменяется, потому что я использовал фокус.

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

Надеюсь, я не усложнил вопрос, но как я могу это сделать?

Пожалуйста, помогите мне кто-нибудь!

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

То, что вы хотите, — это изменить всю апертуру кнопок, и это вы должны сделать с помощью css и некоторого языка программирования, такого как JavaScript. Вы можете написать функцию, которая проверяет, какая кнопка из какой категории выбрана (используйте переключатели, если вы просто хотите, чтобы одновременно была выбрана одна кнопка), и меняет стиль кнопки на другой, пока пользователь не выберет другую кнопку в этой категории.

Это кажется немного более сложным, чем просто использование фокуса, поэтому, если у вас мало опыта работы с HTML и, особенно, не с CSS и JavaScript, я предлагаю вам сначала попытаться немного изучить эти темы и ознакомиться с некоторыми учебными пособиями в Интернете.