Sources Hands-On 2

Back

📝 Instructions

To complete this hands-on exercise, please follow these steps:

  1. 🔧 Open your browser's Developer Tools by pressing F12 or Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (Mac).
  2. 🔍 Navigate to the Sources tab.
  3. 📁 Locate the index.js file in the file navigator.
  4. 👀 Examine the code that is currently running.
  5. ⏱️ Notice how the code uses setTimeout and setInterval to create a counter.
  6. 🖥️ Watch the console to see numbers being printed from 0 to 59.
  7. 🔴 Try adding breakpoints and stepping through the code to understand its execution flow.
  8. ✨ Try to use the {} button to see the code Pretty
  9. ❓ How is this code called? 
    
      setTimeout(() => {
        let x = 0;
        const intervalId = setInterval(() => {
            console.log(x);
            x++;
            if (x >= 60) {
                clearInterval(intervalId);
            }
        }, 1000);
      }, 2000);