JavaScript functions are blocks of code designed to perform a particular task when called by another piece of code at some point after creation.

HTML Code (where the result will be placed):

<p id="demo"></p>

JavaScript:

• A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses ()
• Function names can contain letters, digits, underscores, and dollar signs (same rules as variables)
• The parentheses may include parameter names separated by commas: (parameter1, parameter2, …)
• The code to be executed is placed inside curly brackets {}

// function to compute the p1 x p2
function myFunction(p1, p2) {
    return p1 * p2;
}

// code to "call" the above function and do the computation
let result = myFunction(2, 3);
document.getElementById("demo").innerHTML = result;

In the following, we have three items:

• Function name – myFunction
• Parameters the function will accept – p1, p2
• Return value – in this case the product of the two parameters

function myFunction(p1, p2) {
    return p1 * p2;
}

The following calls the function and applies the returned value to a variable.

• let result – this declares a variable named “result” (it can be named almost anything)
• myFunction – the name of the function “called” (referred to)
• (2, 3) – the values to be applied to the variables accepted by the function

let result = myFunction(2, 3); // the function will return 6

---