JavaScript Simplified - Chapter 67 Exercises

A callback is a named, anonymous, or arrow function passed as an ______ to another function.

argument

In the following code, what is the name of the callback?

calcTotal(5, 31, displayTotal);

displayTotal

Fill in the blank. The first line of the callback function is...
function payCompliment() {

document.querySelector("button").addEventListener("click",________);

payCompliment

Code the first line of a function that has a named callback as the argument. Make up the names.

function calc(anotherFunc) {

function[a-z_$][a-zA-Z0-9_$]*$[a-z_$][a-zA-Z0-9_$]*${

Fill in the blanks with an anonymous function as the callback. The callback displays an alert. Make up the alert text.

setTimeout(________
______________
_, 2000);

function() {
alert("2 seconds have passed");
}

function{[\r\n]alert$•.*•$;[\r\n]}

Code a setTimeout() statement. The callback is an arrow function without brackets that displays an alert after 5 seconds. Make up the alert text.

setTimeout(() => alert("Hello"), 5000);

setTimeout$\($=>{?alert$•.*•$}?,5000\);

Rewrite the addEventListener() statement below, substituting an anonymous function as the callback.

function sayHi() {
alert("Hi");
}
document.querySelector("button").addEventListener("click", sayHi);

document.querySelector("button").addEventListener("click", function() {
alert("Hi");
});

document\.querySelector$•button•$\.addEventListener$•click•,function\(${[\r\n]?alert$•Hi•$;[\r\n]?}\);

A button has been assigned to the variable btn. A paragraph has been assigned to the variable p. When the button is clicked, some textContent is inserted into the paragraph by an arrow callback. Make up the paragraph text. Don't use brackets in the arrow callback.

btn.addEventListener("click", () => p.textContent = "You clicked");

btn\.addEventListener$•click•,\($=>{?p\.textContent=•.*•\)}?;

Code a statement that displays an alert after a 3-second delay. Use an anonymous callback function.
If you've coded correctly, your alert will display after 3 seconds.
Dismiss the alert by clicking OK.
For help with this code, see Chapter 67 in the book.

In the HTML panel, I've coded an empty paragraph and a button. Click the HTML button to see my markup.
Click the Result button to see my markup rendered on the page.
Click the JS button.
In the JS panel, I've assigned the two HTML elements to variables. I've coded a function that fills the paragraph with some text. Below my JS code, call the function when the button is clicked.
Click the Click me button
If you've coded correctly, the paragraph text will appear in the Result panel.
Dismiss the alert by clicking OK.
For help with this code, see Chapter 67 in the book.

JavaScript Simplified / Chapter 67 Exercises

Congratulations. You've aced all the exercises for this chapter.

Are you ready to rate JavaScript Simplified? on Amazon?