JavaScript Simplified - Chapter 117 Exercises

Complete the statement to create a <p> element.

let pgraph = ________________;

document.createElement("p");

document\.createElement$•p•$;

Complete the statement to create a text node, "Hello World!"

let txt = _______________;

document.createTextNode("Hello World!")

document\.createTextNode$•HelloWorld!•$

Complete the statement to create a blank comment node.

let blnkCommment = _____________;

document.createComment("")

document\.createComment$••$

Create a list item. Assign it to a variable, newLI.

let newLI = document.createElement("li");

letnewLI=document\.createElement$•li•$;

Create a new <h2>. Assign it to a variable that hasn't been declared beforehand. Make up the name of the variable.

let newHeading = document.createElement("h2");

let[a-z_$][a-zA-Z0-9_$]*=document\.createElement$•h2•$;

Create a comment. Make up its content. Assign it to a variable that hasn't been declared beforehand. Make up the name of the variable.

let newComment = document.createComment("Duh!");

let[a-z_$][a-zA-Z0-9_$]*=document\.createComment$•.*•$;

Create a text node. Assign it to a variable that hasn't been declared beforehand. Make up the name of the variable. Make up the text content.

let textNode = document.createTextNode("Etc.");

let[a-z_$][a-zA-Z0-9_$]*=document\.createTextNode$•.*\.•$;

Create an image element. Assign it a source (a jpg). Make up everything.

let newImg = document.createElement("img");
newImg.setAttribute("src", "images/loris.jpg");

let([a-z_$][a-zA-Z0-9_$]*)=document\.createElement$•img•$;[\r\n]\1\.setAttribute$•src•,•.*.jpg•$;

Click the HTML button to see my markup.
Click the JS button.
Above my four lines of code, create a <p> element and assign it to a variable, newP.
Click the Result button (or, after revising, don't click, just wait).
If you've coded correctly, new text will appear in the Result panel.
Dismiss the alert by clicking OK.
For help with this code, see Chapter 117 in the book.

Click the HTML button to see my markup. Notice that in the markup the third <p> is empty.
Click the JS button.
Above my code, create a text node that says, "This is new text."
Click the Result button (or, after revising, don't click, just wait).
If you've coded correctly, "This is new text" will appear in the Result panel.
Dismiss the alert by clicking OK.
For help with this code, see Chapter 117 in the book.

JavaScript Simplified / Chapter 117 Exercises