Как сделать личный кабинет в верстке?

Question

[maxguselnik]

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

Картинка

Comments

[Ankhena]

Answer 1

[WapSter]

Не обязательно использовать js, просто сверстай разные состояния допустим в зависимости от класса. Баланс в смысле сумма перевода? Это не кнопка, а input

Comments

[maxguselnik]

ой скрин не прикрепил.

IMG

[maxguselnik]

IMG

через что баланс делать через P? или input?

[WapSter]

maxguselnik, ну по идее такие калькуляторы должен делать фронтендер, но если сказали просто сверстать, то просто сверстай как текст и стилизуй. Не обязательно p это может быть span или div

[maxguselnik]

WapSter, а он потом просто к ним подключит?

[maxguselnik]

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

[WapSter]

maxguselnik, есть такая замечательная вещь как style guide, это документ к верстке с пояснением к классам
допустим у тебя есть зеленая кнопка и крассная с ошибкой.
фронт заглянет в девтулзы и все поймет.

[maxguselnik]

WapSter, спасибо большое, буду углубляться

Answer 2

[Kirill Makarov]

Если ты только верстальщик то достаточно сверстать, если фронт то нужно организовать проверки допустим, что при отправке данный инпут будет выводить ошибку. Можно частично ошибки на фронте выводить типа если поле пустое, либо брать их с бека и выводить уже то что прийдет в ответе error.data