Jump Counter App

Overview 🧐

This project is part of the Making Websites Interactive module of Scrimba's Frontend Career Path course. We developed an app called Jump Counter App, which allows users to count the number of jumps (or any other repetitive action) by clicking on an interactive button.

Requirements 📝

✅ Title: choose something that interests you.

✅ Background image.

✅ Font: select a custom font.

✅ Button colors and appearance: include options like width, border, etc.

✅ Wrap a div around the HTML, add a max width.

Pseudocode 🗒️

1. Intialize the count as 0.

2. Listen for clicks on the increment button.

3. Increment the count variable when the button is clicked.

4. Change the count-el in the HTML to reflect the new count.

Screenshots 📷

Links 🔗

Scrim code 👈

Live site 👈

What I learned 🤓

🔳 The <script> tag to link JavaScrip.

🔳 Declaration, reassignment and use of variables.

🔳 Data type such as numbers and strings.

🔳 Using console.log().

🔳 Defining and using Functions.

🔳 Methods like getElementById().

🔳 Updating DOM content with innerText and textContent.

Resources 🗃️

📖 textContent vs innerText by MDN.

Author 🔰

✨ Frontend Mentor - @medezpvi

✨ X (formerly Twitter) - @medezpvi