What is a JavaScript function?

• A. Let's begin by reading documentation to gain a general understanding of JavaScript Functions. Here's what you need to do:
1. Read through the documentation on this page.
2. Make notes as you read so that you are able to answer the questions in the next task.
• B. Next you will demonstrate your understanding of the text by responding to some questions based on the reading. Complete the following tasks:
  1. Make a copy of the U2L3 Workbook.
  2. Go to the written responses tab and respond to all prompts.

Audio/Visual Learning

• A. Now, let's enhance our learning by watching JS functions at work in live videos. Here's what you need to do:
1. Set up your notes so that you can continue to build a reference as you deepen your understanding.
2. Watch the video linked here (also embedded below).

JavaScript Function Definitions

• A. The code snippet below shows how to define a basic javascript function. In this type of JS function there is no data entering the function using parameters (and arguments), nor is any data being returned by the function. The function will only work with what is defined in the function.
• B. The function will only work with what is defined inside the function.

1.                                                                 
                   function quizQuest(){
                       const userAns = prompt("What is the capital of the United States?");
                           if(users == "Washington, D.C."){
                                   console.log("You are correct");
                           } else {
                                   console.log("You are wrong");
                   }
                                                               
                                                           

Application: Basic Functions

• Go to the "Problem Sets" page and complete Problem Set 1 .

What are functions with parameters?

• A. You have already learned about parameters and arguments. However, let's review them a bit more to deepen our understanding. Here's what you need to do:
1. Read through the documentation on this page.
2. Make notes as you read so that you are able to answer the questions in the next task.

Audio/Visual Learning

• A. Now, let's enhance our learning by watching JS functions at work in live videos. Here's what you need to do:
1. Set up your notes so that you can continue to build a reference as you deepen your understanding.
2. Watch the video linked here (also embedded below).

JavaScript Parameters & Arguments

• A. The code snippet below shows how to define a javascript function that allows data to enter the function (and be used) using parameters. Parameters are local variables that hold data that is given to the function when the function is called. The value(s) given when the function is called are known as arguments.
• B. In this function, username is the parameter name and is passed through (used in specific parts of the function) twice inside the function. The argument given to the function when called, is "bobby".

1.                                                                  
                    function quizQuest(username){
                        const userAns = prompt("What is the capital of the United States?");
                            if(users == "Washington, D.C."){
                                    console.log(`You are correct, ${username}`);
                            } else {
                                    console.log(`Sorry, ${username}, You are wrong`);
                    }
                                                                
                                                            

Application: Functions with Parameters

• Go to the "Problem Sets" page and complete Problem Set 2 .

Return Statements

• A. Let's look into how to get data out of a function using return statements. Here's what you need to do:
1. Read through the documentation on this page.
2. Make notes as ou read so that ou are able to better understand how the return statement works and why we need to use it.

Audio/Visual Learning

• A. Now, let's enhance our learning by watching live demos on using return statements in JS. Here's what you need to do:
1. Set up your notes so that you can continue to build a reference as you deepen your understanding.
2. Watch the video linked here (also embedded below).
• A. The code snippet below shows how to define a function that returns a value. The return statement makes the function call equal to whatever the function returns. This means ou can use the returned value for some other purpose (i.e. as the argument for another function, etc.) in our program.
• B. It is important to note that ABSOLUTELY no code will be executed AFTER the return statement executes.

1.                                                                         
                           function quizQuest(username){
                               let response;
                               const userAns = prompt("What is the capital of the United States?");
                               if(userAns === "Washington, D.C."){
                                   return `You are correct, ${username}`;
                               } else{
                                   return `Sorry, ${username}, you are wrong!`;
                               }
                           }
   
                           quizQuest("Abdul");
                                                                       
                                                                   

ADDITIONAL RESOURCES: JavaScript Functions

Problem 1: Define Functions w/o Parameters

• A. Define a function named math. This function will:
1. ask the user for two numbers (not strings) and a math operation (+, -, *, /).
2. calculate the answer and alert (use the alert() ) the entire problem along with the answer.
3. Debug your code.
4. Finally, call the function.

Problem 2: Define Functions w/o Parameters

• B. Define a function named access. This function will:
1. ask the user for their username and their password.
2. print the user name and the password in an alert (use the alert() ).
3. Debug your code.
4. Finally, call the function.

Problem 3: Define Functions w/o Parameters

• C. Define a function named number_picker. This function will:
1. ask the user to pick a number.
2. if the number is greater than 50, tell them they won the beauty pageant in an alert.
3. if the number is less than 50, tell them they won the lottery in an alert.
4. if the number is exactly 50, tell them that they lost.
5. Debug your code.
6. Finally, call the function.

Written Responses

• A. Look over your work section, by section in order to guarantee the highest grade—and a true reflection of your newly gained skills.
1. Review your written responses for accuracy and thoroughness
2. Next, review your written responses for fluency (making sure the responses represent complete thoughts that fully address the prompt)
3. Make any necessary revisions prior to submitting the work.

Code Scripts

• A. Next, you will review your code for readability, efficiency, and elegance.
1. Ensure that each task is labeled using comments
2. Review your code segments individually and line by line.
3. Remove any bugs that may interfere with the program's execution
4. Ensure that the scripts you wrote meet the task criteria
5. Make sure that your code is highly legible and properly indented

ADDITIONAL DEBUGGING RESOURCES

Attach Your Workbook

• A. Let's attach your workbook to Google Classroom. Here's what you need to do:
1. Open your U2L2 Workbook.
2. Change the share settings on the document to "anyone with the link" and "Editor".
3. Copy the link to the newly shared file and paste it in your Google Classroom turn in screen.

VS Code Submission

• A. Now, let's share your project folder so that your JavaScript work can be evaluated. Here's what you need to do:
1. Open your project folder (you will need to find where you stored the actual folder on you computer).
2. Upload the entire folder to your Google Drive.
3. Once the folder has been uploaded to Google Drive, change the share settings on the folder to "anyone with the link" and "Editor".
4. Copy the link to the newly shared folder and paste it in your Google Classroom turn in screen.
5. Finally, turn in your assignment for evaluation by your teacher.

REPLIT Submission

• A. You can sumbit your work via replit , if you wish. Here's what you need to do:
1. If you created your work in replit, simply paste the link to your lab submission in Google Classroom.
2. If you created your work in VS Code: find the folder on your computer where the project is stored, upload it to replit and then share that file in your Google Classroom.