HTML Examination Instructions

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the expected output when a mark of 40 is inputted?

Student achieved a C grade
Student achieved an E grade (correct)
Student achieved a D grade
Student achieved a B grade

What is the purpose of the JavaScript code shown in Figure 3?

To display a grade on a web page
To calculate a grade based on user input (correct)
To store a grade in a database
To generate a random test question

Which grade is associated with a mark range from 60 to 69 according to the figure?

A grade
B grade
D grade
C grade (correct)

Which of the following is a possible variable type used in the JavaScript code shown in Figure 3?

All of the above (D) Signup and view all the answers

If the code produces an incorrect result for a mark of 40, which of the following could be a reason?

The code is incorrectly comparing the input mark to the grade boundaries (B) Signup and view all the answers

Given the code produces an incorrect output when a mark of 40 is inputted, what is the most likely cause?

An error in the code prevents it from correctly evaluating the input mark against the grade boundaries (B) Signup and view all the answers

How does the JavaScript code shown in Figure 3 likely get its input for the calculation?

From user input (A) Signup and view all the answers

What mark range corresponds to a 'D' grade according to Figure 4?

50 to 59 (C) Signup and view all the answers

What is the likely outcome of the JavaScript code shown in Figure 3?

Displaying a calculated grade (C) Signup and view all the answers

Which of the following is NOT a common programming concept used in the JavaScript code shown in Figure 3?

Object-oriented programming (B) Signup and view all the answers

Which font style is specified for the web page?

Verdana (C) Signup and view all the answers

What is the purpose of the line `header > p` in the code snippet?

To select all paragraph elements within the header element (B) Signup and view all the answers

Which CSS property is being set in lines 2 to 4 of the code?

font-family (B) Signup and view all the answers

What is the specified breakpoint for the responsive layout?

600 pixels (B) Signup and view all the answers

What is the background color of the header section for screens less than 600 pixels wide?

#000000 (B) Signup and view all the answers

What is the value assigned to the `font-family` property?

Times New Roman (A) Signup and view all the answers

What is the effect of the CSS code on the appearance of the webpage?

It changes the font used for paragraph elements within the header element to "Times New Roman" (D) Signup and view all the answers

What is the font size of the text "We Love Sailboats" in the header section for screens less than 600 pixels wide?

16 pixels (B) Signup and view all the answers

Which of the following statements accurately describes the CSS code?

The code applies a style to all paragraph elements in the header. (C) Signup and view all the answers

What is the text alignment for the subheader section for screens less than 600 pixels wide?

Center align (A) Signup and view all the answers

What is the specified width for the logo image in the header section for screens less than 600 pixels wide?

100 pixels (D) Signup and view all the answers

What is the purpose of using `>` in the CSS selector `header > p`?

To target only direct child elements (D) Signup and view all the answers

What is the correct HTML code that would be affected by the CSS code provided?

<code><header>Sailing boat holidays</header></code> (C) Signup and view all the answers

What is the font size of the text "Book with us and you will not be disappointed" in the subheader section for screens less than 600 pixels wide?

16 pixels (B) Signup and view all the answers

Assuming the CSS code is applied to a webpage, what other CSS properties might be set to further enhance the visual appearance of the text within the header?

All of the above (D) Signup and view all the answers

Which HTML element is recommended for defining different parts of the web page?

section (A) Signup and view all the answers

What is the primary function of the checkGuess function in the amended code?

To compare the elapsed time to the random number. (C) Signup and view all the answers

What happens if the user clicks the Guess button and the checkGuess function determines that the elapsed time does not match the random number?

The game displays "You guessed incorrectly" and ends. (D) Signup and view all the answers

What is the purpose of disabling the Guess button after the checkGuess function is called?

To prevent the user from guessing multiple times. (D) Signup and view all the answers

Which of the following would be considered an event in the context of HTML code and JavaScript code interaction?

The user clicking a button on the webpage. (C) Signup and view all the answers

What is an event handler's purpose in the context of HTML and JavaScript code interaction?

To detect user actions or changes in the browser environment. (B) Signup and view all the answers

In the given code, what event would trigger the execution of the checkGuess function?

The user clicking the Guess button (C) Signup and view all the answers

How does the interaction between HTML code and JavaScript code enhance the interactivity of a webpage?

By enabling the user to interact with the webpage's content. (A) Signup and view all the answers

What is the main advantage of using event handlers and JavaScript code to enhance webpages?

It provides real-time feedback and dynamic responses to user actions. (B) Signup and view all the answers

What is the primary goal of the review page implementation?

To allow users to submit feedback and reviews. (D) Signup and view all the answers

What essential information must be captured from the user before submitting a review?

Email address and review comments. (B) Signup and view all the answers

What automated task is performed when the review submit button is clicked?

Generating a unique review ID. (A) Signup and view all the answers

Which of the following is NOT a required feature for the staff details page?

Providing contact information for each staff member. (B) Signup and view all the answers

How are the review details displayed on the review page after submission?

In the same page, replacing the review form. (C) Signup and view all the answers

Which of the following is a key aspect of the automated method used to display staff images on the staff page?

Dynamically loading images from a local directory. (D) Signup and view all the answers

What element triggers the display of a staff member's name and experience on the staff page?

Clicking on the staff member's image. (C) Signup and view all the answers

Which of the following options correctly describes the date format used in the review details?

Day/Month/Year (e.g., 19/8/2021). (D) Signup and view all the answers

Flashcards

JavaScript

A programming language used to create interactivity on web pages.

Interactivity

The ability of a web page to respond to user input.