Debugging Challenge A

What you'll learn

• How to use console.log() and alert() for output
• Variable declaration, assignment, and reassignment
• Working with prompts and user input
• Mathematical operations and type conversion
• Conditional logic with if-else statements
• For loops and iteration
• Function creation and parameter passing

In this debugging challenge, you will practice fundamental JavaScript concepts including console output, alerts, prompts, variables, operators, control flow, loops, and functions. These exercises will test your understanding of core programming concepts.

💻 Download your material

What you'll do: Open the project and familiarize yourself with the interface
Time needed: 5 minutes

1. Open StackBlitz and access the template: Debugging Challenge A
2. Alternative option: Download the source code template from Stackblitz Download Project button if you want to use your preferred IDE

⚠️ Important: Before You Start DO NOT DELETE the existing files in the template:

• Package files
• Any other files you didn't create

ONLY EDIT the necessary files.

Steps to Complete Your Debugging Challenges

💻 Challenge One: Hello Messages and Greeting System

Time needed: 10 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-1-Hello folder

Basic Task:

1. Log the message "Hello!" to the console
2. Create an alert with the message "Hello!"

If you have done it correctly, it should look like this:

Advanced Task: Create a simple greeting system:

1. Alert with a message from a prompt asking for your reply like "Reply:"
2. The alert will show whatever the user types in the prompt
3. You must do all these in 1 line of code
4. You cannot declare any variables

tip Helpful Hint Use alert(prompt("Reply:")) to chain prompt and alert in one line

If you have done it correctly, it should look like this:

💻 Challenge 2: Introduction App with Variable Reassignment

Time needed: 15 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-2-Intro folder

Basic Task: Create a simple introduce yourself app

1. Create a variable called name without value
2. Create a variable called age without value
3. Assign the value for name to a prompt for your name
4. Assign the value for age to a prompt for your age
5. Log name and age to console

If you have done it correctly, it should look like this:

Assuming your name is Tom and age is 17.

Advanced Task: Introduce a second person using the same variables

1. Reassign the value for name to a prompt for another person's name
2. Reassign the value for age to a prompt for another person's age
3. Log name and age to console

tip Variable Reassignment This exercise teaches you how to reuse variables by reassigning new values to them

If you have done it correctly, it should look like this:

Assuming the other person's name is Holly and age is 14.

💻 Challenge 3: Calculator with Addition and Multiplication

Time needed: 15 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-3-Calculator folder

Basic Task: Make a calculator that adds two numbers

1. Create a variable called num1 and prompt the first number
2. Create a variable called num2 and prompt the second number
3. Create a variable called answer and add up the 2 numbers
4. Log the answer to the console with the message of the total

tip Common Issue Remember to convert prompt inputs to numbers using the + operator or Number() function

If you have done it correctly, it should look like this:

Assuming the first number is 3 and the second number is 2.

Advanced Task: Also multiply the 2 numbers

1. Reassign the answer to the multiplication of the 2 numbers
2. Log the answer to the console

If you have done it correctly, it should look like this:

Assuming the first number is 3 and the second number is 2.

💻 Challenge 4: Grade Calculator with Conditional Logic

Time needed: 20 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-4-Grades folder

Task: Create an app that tells us our grades according to our marks

1. Declare a variable for each of the 5 grades with their respective upper limit number:

Range	Grade
<40	G
<50	D
<65	C
<75	B
<100	A

2. Declare a variable called marks and prompt with the message "Marks:"
3. Check if the marks are in their range and alert the message with the correct grade

tip Conditional Logic Use if...else if statements to check the grades. Start checking from the lowest grade and work your way up.

If you have done it correctly, it should look like this:

Assuming the mark is 80.

💻 Challenge 5: For Loop with Multiplication

Time needed: 10 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-5-Loops folder

Task: Create a multiplication table using a for loop

1. Create a for loop that counts from 1 to 10
2. For each count, multiply it by 10 and log it in the console

tip Loop Structure Use for(let i = 1; i <= 10; i++) and log i * 10 inside the loop

If you have done it correctly, it should look like this:

💻 Challenge 6: Function with Parameter and Calculation

Time needed: 15 minutes

1. Open StackBlitz and access the question template in debugging-challenge-questions folder
2. Open the Challenge-6-Function folder

Task: Create a function that multiplies a number by 5

1. Declare a function called multiple5 with a parameter called number
   • Inside the function, declare a variable named answer and set the value to multiply number by 5
   • Alert with the message: "Multiply your number " + number + " with 5 is " + answer
2. Call the function multiple5 with the parameter as a prompt for a number

tip Function Call Create function multiple5(number) and call it with multiple5(+prompt("Enter a number:")). The + converts the prompt string to a number.

If you have done it correctly, it should look like this:

✅ Required Elements

Make sure your Debugging Challenge projects include:

• Challenge 1: Console logging, alert dialogs, and advanced one-line prompt-alert combination
• Challenge 2: Variable declaration, assignment, reassignment, and console output
• Challenge 3: Mathematical operations with prompts and proper number conversion
• Challenge 4: Conditional logic with if-else statements for grade calculation
• Challenge 5: For loop implementation with mathematical operations
• Challenge 6: Function declaration, parameters, and function calls with user input
• All exercises should demonstrate proper JavaScript syntax and functionality

🛠️ Troubleshooting Common Issues

Prompts returning strings instead of numbers

• Use the + operator before prompt: +prompt("Enter number:")
• Or use Number() function: Number(prompt("Enter number:"))

Console not showing output

• Make sure you're looking at the Console tab in your browser's Developer Tools
• Check for syntax errors that might prevent code execution

Alert not showing

• Ensure pop-ups are not blocked in your browser
• Check that you're calling alert() with parentheses

Variables not updating

• Remember to use the assignment operator = when reassigning values
• Check variable scope if using inside functions

ℹ️ Info Project Submission Total time needed: Approximately 90 minutes

When you have completed your "Debugging Challenge A" projects, submit them using the link below:

Submit Your Projects Here

Make sure to test all functionality and verify console outputs before submitting to ensure all debugging challenges are working properly!