Build an iPhone Calculator using HTML CSS & JavaScript!
Let's build a fully functioning iPhone Calculator using only HTML, CSS, and JavaScript! We even have a fully functioning clock! This beginner-friendly tutorial will guide you through the whole process building the calculator from absolute scratch.
Want to build the calculator in React instead? Check out: https://youtu.be/wOENJWPu23U
Check out my other recent tutorials/videos:
Pokédex: https://youtu.be/wXjSaZb67n8
Connect Four: https://youtu.be/Hi5hEH1KNEc
TicTacToe: https://youtu.be/Rzhcb4M9-0Q
Master the CSS Position Property: https://youtu.be/dGQ0vnVJ07E
🗄 Resources:
Symbols used in code: ± % ÷ × − + =
Status Bar Image: https://github.com/angle943/iphone-calculator-js/blob/master/status.png
Github Repo: https://github.com/angle943/iphone-calculator-js
🔑 Key Concepts:
- CSS Grids
- DOM Manipulation
- dealing with types in JavaScript
#iPhone #Calculator #JavaScript
Видео Build an iPhone Calculator using HTML CSS & JavaScript! канала Justin Kim
Want to build the calculator in React instead? Check out: https://youtu.be/wOENJWPu23U
Check out my other recent tutorials/videos:
Pokédex: https://youtu.be/wXjSaZb67n8
Connect Four: https://youtu.be/Hi5hEH1KNEc
TicTacToe: https://youtu.be/Rzhcb4M9-0Q
Master the CSS Position Property: https://youtu.be/dGQ0vnVJ07E
🗄 Resources:
Symbols used in code: ± % ÷ × − + =
Status Bar Image: https://github.com/angle943/iphone-calculator-js/blob/master/status.png
Github Repo: https://github.com/angle943/iphone-calculator-js
🔑 Key Concepts:
- CSS Grids
- DOM Manipulation
- dealing with types in JavaScript
#iPhone #Calculator #JavaScript
Видео Build an iPhone Calculator using HTML CSS & JavaScript! канала Justin Kim
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build Minesweeper with React & Typescript [3] - onClick and onContextMenu EventsJavascript Freecodecamp Algorithm #17: Binary AgentsJavascript Freecodecamp Algorithm #25: Telephone Number ValidatorJavascript Freecodecamp Algorithm #22: Palindrome CheckerJavascript Freecodecamp Algorithm #18: Everything Be TrueBuild Minesweeper with React & Typescript [4] - Finishing TouchesJavascript Freecodecamp Algorithm #7: Search and ReplaceJavascript Freecodecamp Algorithm #3: Seek and DestroySingly Linked Lists (Data Structures & Algorithms in Javascript Typescript #1)Javascript Freecodecamp Algorithm #12: Sum All Odd Fibonacci NumbersJavascript Freecodecamp Algorithm #4: Wherefore Art ThouJavascript Freecodecamp Algorithm #15: Drop ItJavascript Freecodecamp Algorithm #16: SteamrollerJavascript Freecodecamp Algorithm #19: Arguments OptionalJavascript Freecodecamp Algorithm #10: Sorted UnionJavascript Freecodecamp Algorithm #21: Map the DebrisJavascript Freecodecamp Algorithm #20: Make a PersonLearn about React HOOKS by creating a Counter App (with a twist)!Leetcode in Typescript - 3. Longest Substring Without Repeating CharactersBuild Minesweeper with React & Typescript [1] - Setting up the Project & UILets Upgrade React's Official TicTacToe Game with Hooks & Typescript!