Верстаем калькулятор. HTML + CSS. Подробный урок

Верстаем калькулятор. HTML + CSS. Подробный урок

154,672 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@user-if4rx3bz2p
@user-if4rx3bz2p - 05.01.2024 21:43

А не лучше вместо блоков батон задать

Ответить
@0202maks_music_edition
@0202maks_music_edition - 02.12.2023 22:11

бля тот самый я смотря прогноз по джарахаву в начале декабря и батя в соседней комнате смотрит новости про сочи и ВоДиЧкУ

Ответить
@Monster-rg7xg
@Monster-rg7xg - 01.11.2023 16:21

В чем проблема если не меняются цвета кнопок

Ответить
@jamesdarrel4540
@jamesdarrel4540 - 17.10.2023 14:39

спасибо большое!!!)))

Ответить
@user-eg6nn9zp1c
@user-eg6nn9zp1c - 06.10.2023 21:41

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

Ответить
@user-pu3tx5iy1l
@user-pu3tx5iy1l - 24.08.2023 15:09

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

Ответить
@d4n1sff21
@d4n1sff21 - 08.08.2023 14:03

Почему у меня кнопки не выровнялись. В коде у меня всё верно

Ответить
@rustammusapirov9844
@rustammusapirov9844 - 12.07.2023 22:31

это супер урок спасибо вам большое, вы молодец

Ответить
@Larriva666
@Larriva666 - 04.07.2023 04:33

Привет! А как ты делаешь, что div сам дописывается? Link и другие. По ходу увидел - попробую.

Ответить
@user-pz9nw2qv7d
@user-pz9nw2qv7d - 16.06.2023 13:35

Почему на этапе добавления кнопок некоторые съехали вбок и остались без цвета. Хотя вроде всё также делал и ничего не помогает

Ответить
@user-pz9nw2qv7d
@user-pz9nw2qv7d - 16.06.2023 13:24

А как сделать так, чтобы в начале строки также точки шли? И это как-то влияет на работу?

Ответить
@user-ow4op1hj7t
@user-ow4op1hj7t - 15.03.2023 18:17

Все бы ничего, но я чуть в штаны не наложила от внезапно начавшейся музыки в конце ролика 😂

Ответить
@Kleolit
@Kleolit - 12.03.2023 19:08

HTML для кнопок

<div class="btn ac bg-grey">ac</div>
<div class="btn plus-minus bg-grey">+/-</div>
<div class="btn percent bg-grey">%</div>
<div class="btn division bg-orange">/</div>

<div class="btn seven">7</div>
<div class="btn eight">8</div>
<div class="btn nine">9</div>
<div class="btn multiply bg-orange">X</div>

<div class="btn four">4</div>
<div class="btn five">5</div>
<div class="btn six">6</div>
<div class="btn minus bg-orange">-</div>

<div class="btn one">1</div>
<div class="btn two">2</div>
<div class="btn three">3</div>
<div class="btn plus bg-orange">+</div>

<div class="btn zero">0</div>
<div class="btn dot">.</div>
<div class="btn equal bg-orange">=</div>

Ответить
@user-nt1bi9wr4r
@user-nt1bi9wr4r - 12.03.2023 18:13

подскажите где можно скачать код?

Ответить
@N0unak
@N0unak - 07.03.2023 08:53

а как сделать по 5 кнопок по горизонтали и 6 по вертикали?

Ответить
@hawyPercs
@hawyPercs - 14.02.2023 13:50

что делать если когда делаешь позиционирование кнопок, оно не происходит

Ответить
@user-so2be4rp7d
@user-so2be4rp7d - 10.01.2023 00:36

SUPER!!!! Thanks!!!

Ответить
@yareyaredaze8611
@yareyaredaze8611 - 15.11.2022 10:31

sup

Ответить
@music-hw9nx
@music-hw9nx - 14.11.2022 18:08

почему у меня или не только не работает grid

Ответить
@yar0vayzz869
@yar0vayzz869 - 11.10.2022 16:32

можете скинуть файлы калькулятора html css и js

Ответить
@independentarmenia8203
@independentarmenia8203 - 24.08.2022 23:54

Спасибо огромное,,,Все очень просто и разумно объясняете ,,,,,

Ответить
@fundayson4180
@fundayson4180 - 21.08.2022 14:35

Не работает grid

Ответить
@user-jz5cd5uu8w
@user-jz5cd5uu8w - 02.08.2022 15:31

Добрый день! Благодарю, Алекс!👍🤝

Ответить
@Lerogorn
@Lerogorn - 19.07.2022 20:49

Очень круто, спасибо!

Ответить
@halimov_temur
@halimov_temur - 09.06.2022 15:04

во чтом проюлема кто знает

Ответить
@halimov_temur
@halimov_temur - 09.06.2022 15:04

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

Ответить
@YoutubeAitishnik
@YoutubeAitishnik - 08.06.2022 19:53

Все здорово, советую посмотреть на мой канал там 9 уроков для начинающих)

Ответить
@MsMatveev
@MsMatveev - 16.05.2022 16:29

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

Ответить
@Neroz49rujka
@Neroz49rujka - 19.04.2022 20:26

nice!

Ответить
@xurshedashurmahmadov6680
@xurshedashurmahmadov6680 - 18.03.2022 16:33

у меня не работал {
grid-complate-areas : "классы" } ;
помогите пожалуста....

Ответить
@irinayurieva753
@irinayurieva753 - 16.02.2022 16:23

Верстка готова! Идем дальше ---->>>>>>>>

Ответить
@user-zk8nn3ss9r
@user-zk8nn3ss9r - 14.02.2022 22:44

grid не сработал, все кнопки как были в столбик, так и остались (

Ответить
@johnsmiler9254
@johnsmiler9254 - 08.02.2022 22:02

Ещё !!!

Ответить
@johnsmiler9254
@johnsmiler9254 - 08.02.2022 22:02

💣

Ответить
@msklaimelaim
@msklaimelaim - 16.01.2022 02:50

Спасибо за урок, но у меня почему-то весь калькулятор плывет, в смысле расползается по всему экрану, что я делаю не так?

Ответить
@user-pd7yr9kg2p
@user-pd7yr9kg2p - 29.12.2021 11:38

Здравствуйте,Александр! Помогите определиться с выбором языка,я новичок подскажите какой язык выбрать для изучения для удаленной работы и фриланса? Спасибо

Ответить
@hasanboynakibov9759
@hasanboynakibov9759 - 23.12.2021 14:35

Дай мне код пж

Ответить
@user-rg3bc4ys6d
@user-rg3bc4ys6d - 13.12.2021 19:50

Спасибо

Ответить
@Disorrder
@Disorrder - 11.12.2021 15:31

как фронтенд разработчик с 9-летним стажем, скажу, что получилось отлично) Ты молодец
Есть замечание небольшое. Стоит сразу приучать людей к семантике. Кнопка должна быть тегом button!

Ответить
@agraiskr
@agraiskr - 11.12.2021 14:32

просто класс!!!! но я кнопку "ноль" сделал шириной 95% - тогда не выпирает за пределы верхних кнопок ... и как бы логичнее было бы двойную ширину делать для кнопки "equal" ... но это на любителя . но всё равно - я в восторге!!

Ответить
@user-mf8jd5mc9d
@user-mf8jd5mc9d - 10.12.2021 21:41

Максимум информации без воды! 👍

Ответить
@kiritokun746
@kiritokun746 - 10.12.2021 17:19

А я думал в видео будет Counter strike source. Хах ошибочка 😅

Ответить
@ivanivanov6118
@ivanivanov6118 - 09.12.2021 18:37

Круто. Подскажите пожалуйста, у меня старый ноут Asus aspire 5738zg. Можно ли с ним программировать?

Ответить
@isaacjon
@isaacjon - 09.12.2021 12:48

ponyatno ot i do

Ответить
@isaacjon
@isaacjon - 09.12.2021 12:47

super

Ответить
@takhirvalitov1492
@takhirvalitov1492 - 08.12.2021 15:19

Привет! Я только учусь верстать. Такой вопрос, а как сгенерировали структуру index html? Это плагин?

Ответить
@Daleever
@Daleever - 07.12.2021 00:37

У меня дивы с кнопками идут в ряд, есть решение какое то ? ( изза этого я так понимаю и грид не работает)

Ответить
@dimitrosik
@dimitrosik - 06.12.2021 09:32

А зачем это нужно?

Ответить
@user-td3ob3jm6j
@user-td3ob3jm6j - 04.12.2021 14:38

что за программа?

Ответить