HTML, Javascript, CSS Week 4 Homework

What does .textContent do in JavaScript?

• Sets or gets the HTML inside an element

• Sets or gets the text inside an element

• Changes the background color of an element

• Creates a new HTML element

What is the purpose of the .onclick property in JavaScript?

• Adds a new element to the page

• Changes an element’s text automatically

• Attaches a function to execute when the element is clicked

• Removes an element from the page

What will happen when the button is clicked in the following program?

• An error will occur because lastPlanet is not defined.

• The text inside the lastPlanet id will change to "Neptune is the last planet" when the button is clicked.

• The text inside the button will change to "Neptune is the last planet" when clicked.

• Nothing will happen because the function clickAction() is never called.

What will happen when the button is clicked?

• An error will occur because fruit is not defined.

• The text inside the will change to "Banana" when the button is clicked.

• Nothing

• Nothing will happen because updateFruit() is not called manually.

What will happen when the button is clicked?

• The text inside the message id will change to "Welcome, user!" when the button is clicked.

• An error will occur because message is not properly declared.

• The button text will change to "Welcome, user!".

• Nothing will happen because loginUser() is not executed.

Complete the JavaScript code to change the heading text when the button is clicked from 'Sydney' to 'Melbourne'. use single quotations (' ').

Complete the JavaScript code to change the heading text when the button is clicked from 'Cat' to 'Dog'. Use single quotations (' ').

Drag and drop the code required to make a button reveal the winner.

​ (a)   ​ (b)  

​ (c)   = ​ (d)   ;

​ (e)  

button.onclick = clickAction;

• function
• clickAction() {
• winner.textContent
• 'Oliver Bennett'
• }
• alert('Winner revealed!');
• console.log('Winner is displayed');
• document.getElementById('winner').innerHTML = 'John Doe';

What is the difference between == and ===?

• == assigns a new value to a variable === compares them to something else.

• Do I really need to reply this?

• The == operator compares two values, without taking into account their types. === compares the values, but also makes their types into account.

• The == operator is used to assign a value to a variable. === is used to compare the values of two variables.

<!DOCTYPE> 

• Defines the document type
• Defines a comment
• Defines the document's body
• Defines information about the document