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

  1. Изменение цвета фона. В этом проекте у вас будет кнопка. Всякий раз, когда вы нажимаете на нее, цвет фона будет меняться.
  2. Калькулятор ИМТ: если вы не знаете, что такое ИМТ, погуглите. В этом проекте у вас будет два поля ввода. Один для вашего роста, а другой для вашего веса. У вас также может быть другое поле ввода для вашего имени. Затем программа примет входные данные, рассчитает ИМТ, а затем покажет результат с упоминанием вашего имени.
  3. Калькулятор чаевых. Предположим, вы идете в ресторан. Когда приходит счет, вы должны оплатить счет, оставив чаевые официанту. Это может быть 5% или что-то еще. возьмите сумму счета и процент в качестве входных данных и рассчитайте чаевые и общую сумму денег, которую вы должны заплатить.
  4. Генератор случайных чисел: в этом случае у вас будет кнопка. Всякий раз, когда кто-то нажимает на него, на дисплее будет отображаться случайное число.
  5. Дата и время. В этом проекте вам нужно будет отображать текущую дату и время.
  6. Изменение цвета фона: вам снова нужно изменить цвет. Но на этот раз у вас будет несколько кнопок с указанием гривы цветов. Если вы нажмете на кнопку, цвет фона изменится на этот конкретный цвет.
  7. Преобразуйте свой возраст в дни: в этом проекте вы должны использовать свой день рождения в качестве входных данных. Программа преобразует эти годы, месяцы и недели в дни и отобразит результат.
  8. Счетчик. Предположим, что на дисплее отображается число. Тогда у вас есть две кнопки. Добавить и Минус. Если вы нажмете «Добавить», к отображаемому номеру будет добавлена ​​единица, и вы увидите результат. Если вы нажмете минус, произойдет обратное.
  9. Переключение света. Возьмите изображение лампочки (фактически двух). Если нажать на выключенную лампочку, она загорится. Если вы нажмете на уже включенную лампочку, она погаснет.
  10. Калькулятор. Теперь пришло время собрать все воедино. Сделайте простой калькулятор. Он будет принимать числа и операторы в качестве входных данных и показывать результат.

Это были основные проекты для вас. если вы можете выполнить их правильно, то вы освоили основы JavaScript. Теперь о бонусном проекте.

Pin matcher: здесь будет два раздела. В левой части будет дисплей и кнопка. При нажатии кнопки на дисплее отображается 4-значный номер. Тогда с правой стороны будет дисплей и цифровая клавиатура. вам нужно будет указать точное число, как показано ранее. Если оба числа совпадут, то появится предупреждение с поздравлением. Если он не совпадает с предупреждением, вам будет предложено повторить попытку.

Пожалуйста, используйте свои навыки HTML и CSS для оформления проектов. Не только будет хорошо выглядеть, но и даст вам удовлетворение.