JavaScript Fetch API - Easy Example

Use fetch API to get some data from an any external API and display it on your website: step-by-step from SCRATCH… SUBSCRIBE & HIT THE 🛎️ https://bit.ly/3oBQbc0 ______________________________________________________________ 🌱💜Support our channel from as little as $1-3 by becoming a Patreon because by doing that, you will help our Channel and also you will have access to 🖥️ Source Code of our videos! ➤ https://bit.ly/3sthx5B ______________________________________________________________ ⏱️Chapters: 00:00 Intro 00:34 Boilerplate 01:48 HTML : Creating the 2 placeholders 02:33 HTML : Creating our 2 Buttons 03:17 HTML : Adding Icons IN the Buttons 04:04 CSS : Positing elements in the middle of the page 05:54 CSS: Styling the place holders for pictures 07:03 CSS: Adding background image and linear gradient to the body 08:37 CSS: Applying Style to the Buttons 10:43 JavaScript: Getting Reference to the ID in the DOM 11:17 JavaScript: Add event Listener to the Buttons 11:36 JavaScript: Creating Function to handle the API ______________________________________________________________ 📚Resources Markup | Pics| APIS used in this Project: https://bit.ly/3cp2S5W ______________________________________________________________ 🏆Recommended Videos🏆 🎬Login & Registration Form Using HTML & CSS & JS ➤/watch/0fHt745T_5ITt 🎬How To Create Website With Auto Typing Text Effect Using HTML CSS JavaScript🙌 ➤/watch/42vAIdbe5EBeA 🎬Top 10 CSS & JavaScript Projects🙌 ➤/watch/wIlehY1qahxqe 🎬Neumorphism Login Form | HTML & CSS ➤/watch/Yu7D3-S0hWQ0D 🎬Build a Step Progress Bar | JavaScript✨ ➤/watch/I8gkkXXDjKqDk ______________________________________________________________ 🛴 Follow me on: 👉Facebook: https://bit.ly/3cp2S5W ______________________________________________________________ 🎵Background Music for Videos: https://www.soundotcom.com | https://bensound.com ______________________________________________________________ 🕴️ Business Inquiries: such as Sponsor or Collab. business.webdev@protonmail.com

Category