Tip Calculator App with HTML & CSS | Frontend Mentor Challenge | Coding Challenge [2/2]

preview_player
Показать описание

Happy Web-Coding.

I spit the video in two parts.

Part - 2: Desktop version + Javascript functionality

----------
Part - 2
----------

(00:00) Intro
(00:20) Media 1440px
(07:19) JS functionality
(07:45) handle bill input
(12:31) handle Tip buttons
(15:46) handle custom tip input
(19:24) handle people input
(23:06) Calculate tip amount
(26:13) handle reset button

Full project you can find here

  1. MRZ.Code.Manufacture
  2. challenge
  3. coding
  4. CSS
  5. css
  6. Front end Mentor
Рекомендации по теме
Tip Calculator Using 0:00:12

Tip Calculator Using HTML, CSS & JAVASCRIPT

Create a TIP 0:09:26

Create a TIP CALCULATOR Web App with HTML, CSS & JavaScript | No Talking Tutorial

Tip Calculator App 0:31:10

Tip Calculator App with HTML & CSS | Frontend Mentor Challenge | Coding Challenge [1/2]

How to Make 0:27:05

How to Make A Tip Calculator in JavaScript | JS Project for Beginners

TIP Calculator using 0:23:28

TIP Calculator using HTML, CSS & Javascript

Tip calculator app 0:27:20

Tip calculator app - Frontend Mentor - HTML CSS JAVASCRIPT

Build a Tip 0:21:57

Build a Tip Calculator in Javascript

JavaScript tip calculator 0:00:15

JavaScript tip calculator simple beginner friendly

HTML CSS JavaScript 0:24:35

HTML CSS JavaScript Project - Tip Calculator

Tip calculator using 0:13:31

Tip calculator using only Javascript, HTML and CSS

Watch Me Build 0:06:59

Watch Me Build a Tip Calculator App with JavaScript

Tip calculator using 0:00:16

Tip calculator using html css and JavaScript

Simple Tip Calculator 0:02:05

Simple Tip Calculator App in JavaScript

Tip calculator app 1:22:01

Tip calculator app (Part 1 - HTML & CSS) - Frontend Mentor

Build a Tip 0:06:13

Build a Tip Calculator - Course Introduction

Tip Calculator with 0:00:48

Tip Calculator with JavaScript | JavaScript project to create tip calculator | HTML | CSS | Web

JavaScript Simple Projects 0:14:31

JavaScript Simple Projects for Beginners - Tip Calculator App With Source Code

Tip Calculator App 0:20:33

Tip Calculator App | HTML5 & CSS3 & JS

Tip calculator app 0:20:08

Tip calculator app || Html, CSS and JavaScript

Create a Tip 0:23:54

Create a Tip Calculator App using HTML, SCSS(CSS) and JavaScript | Web Dev workshop

Tip Calculator: Part 0:10:16

Tip Calculator: Part 1 - HTML

Tip Calculator App 0:35:23

Tip Calculator App using HTML CSS & JS #9| Simple Javascript Projects for Beginners!

Tip Calculator App 0:45:45

Tip Calculator App using HTML CSS and JavaScript

Create Restaurant Tip 0:03:11

Create Restaurant Tip Calculator in Javascript | Tip calculator app

Комментарии
Автор

it would really be helpful if you spoke in your videos. it make it a lot easier to follow along with what you are doing. especially for beginners like myself. Keep up the good work.

chinemelumelombai
Автор

Thanks, i definitely learned at least some js during this, was so lost at js part of this challenge before your vid, i think i could do this alone from scratch now!

baphometgaming
Автор

If you put in the html inputs " type='number' " doesn't needed the validate function
and in css you can remove the arrows of the input

Thanks for the videos, keep it up!

leomonzondev
Автор

what is the name of the program you use to place the designs?

gabrielmartins
Автор

thank you so much man.
what app you use for image viewer. Can you tell me the name ?

DuyHoang-ullg
join shbcf.ru