WGU C777 - PA QUESTIONS AND
CORRECT ANSWERS WITH COMPLETE
SOLUTIONS | ALREADY GRADED A+ |
2026 UPDATE
rotate(angle) - Answer-Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
scale(x,y) - Answer-Increases or decreases the size of the element, based on the
specified parameters for width (x) and height (y)
scaleX(n) - Answer-Changes the elements width
ScaleY(n) - Answer-Changes the elements height
matrix(n,n,n,n,n) - Answer-Combines all of the 2D transform methods in one.
Takes six parameters, contatining mathematic functions, which enable the element to
rotate, scale, move (translate), and skew
translate(x,y) - Answer-Moves the element from its current position, based on the
specified parameters for the left (x) and top (y) position
translateX(n) - Answer-Moves the element along the X-axis (horizontally)
translateY(n) - Answer-Moves the element along the Y-axis (vertically)
date - Answer-Displays a date picker for selecting dates.
datetime-local - Answer-Lets users choose both a date and time (without time zone).
email - Answer-Accepts email addresses; can validate with required or pattern.
,month - Answer-Allows users to select a month and year.
number - Answer-Restricts input to numeric values with optional min/max and step
attributes.
range - Answer-Displays a slider for selecting numeric values within a range.
search - Answer-Optimized for search queries; includes special styling.
tel - Answer-Accepts telephone numbers with pattern validation.
time - Answer-Displays a time picker for selecting time values.
url - Answer-Accepts valid URLs; validates input if required.
week - Answer-Allows selection of a specific week and year.
<datalist> - Answer-Provides a set of predefined options for an input field. When users
start typing, a dropdown list appears with matching suggestions.
<keygen> - Answer-Was used to generate a public/private key pair for authentication;
deprecated in favor of more secure methods like WebAuthn.
<output> - Answer-Used to display the result of a calculation or process, often in
conjunction with JavaScript.
required - Answer-Ensures the field must be filled before submission.
placeholder - Answer-Displays a short hint describing the expected value.
pattern - Answer-Specifies a regular expression for input validation.
min/max - Answer-Define numeric or date ranges.
step - Answer-Sets the increment for numeric or range input.
readonly - Answer-Makes the field non-editable.
disabled - Answer-Disables the field entirely.
action - Answer-Specifies the URL to which the form data will be sent.
method - Answer-Defines the HTTP method used to send form data (e.g., GET or
POST).
, autocomplete (form) - Answer-Enables or disables autocomplete for all fields within the
form.
autocomplete (input) - Answer-Enables or disables autocomplete for that specific field.
autocomplete - Answer-Provides suggestions based on the browser's saved data (e.g.,
previously entered values).
<datalist> - Answer-Provides predefined, developer-specified suggestions.
<button type="submit"> - Answer-Submits the form.
<button type="reset"> - Answer-Resets form fields to their initial values.
<button type="button"> - Answer-A generic button that performs no default action but
can be programmed via JavaScript.
<label> - Answer-Associates a text label with a form control for better accessibility.
<fieldset> - Answer-Groups related form controls and elements together.
<legend> - Answer-Provides a caption or title for a <fieldset>.
DOM - Answer-The Document Object Model (DOM) is a programming interface that
represents the structure of an HTML or XML document. It allows developers to interact
with and manipulate elements, styles, and content of a web page dynamically using
JavaScript.
Canvas Creation - Answer-To create a canvas and draw a line, use the HTML
<canvas> element and JavaScript to access the canvas context and draw with methods
like beginPath(), moveTo(), lineTo(), and stroke().
getContext() - Answer-The getContext() method provides access to the rendering
context of a <canvas> element, which defines what kind of drawing can be done.
Available contexts for getContext() - Answer-2d: For two-dimensional graphics. webgl or
webgl2: For three-dimensional graphics using WebGL. bitmaprenderer: For fast pixel-
based rendering.
Manifest File - Answer-A manifest file provides metadata about a web application,
including its name, icons, start URL, theme colors, and display mode. It is used primarily
in Progressive Web Apps (PWAs) to enhance user experience, allowing apps to be
installed and run like native applications.
Draggable - Answer-An HTML attribute that makes an element draggable when set to
true.
CORRECT ANSWERS WITH COMPLETE
SOLUTIONS | ALREADY GRADED A+ |
2026 UPDATE
rotate(angle) - Answer-Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
scale(x,y) - Answer-Increases or decreases the size of the element, based on the
specified parameters for width (x) and height (y)
scaleX(n) - Answer-Changes the elements width
ScaleY(n) - Answer-Changes the elements height
matrix(n,n,n,n,n) - Answer-Combines all of the 2D transform methods in one.
Takes six parameters, contatining mathematic functions, which enable the element to
rotate, scale, move (translate), and skew
translate(x,y) - Answer-Moves the element from its current position, based on the
specified parameters for the left (x) and top (y) position
translateX(n) - Answer-Moves the element along the X-axis (horizontally)
translateY(n) - Answer-Moves the element along the Y-axis (vertically)
date - Answer-Displays a date picker for selecting dates.
datetime-local - Answer-Lets users choose both a date and time (without time zone).
email - Answer-Accepts email addresses; can validate with required or pattern.
,month - Answer-Allows users to select a month and year.
number - Answer-Restricts input to numeric values with optional min/max and step
attributes.
range - Answer-Displays a slider for selecting numeric values within a range.
search - Answer-Optimized for search queries; includes special styling.
tel - Answer-Accepts telephone numbers with pattern validation.
time - Answer-Displays a time picker for selecting time values.
url - Answer-Accepts valid URLs; validates input if required.
week - Answer-Allows selection of a specific week and year.
<datalist> - Answer-Provides a set of predefined options for an input field. When users
start typing, a dropdown list appears with matching suggestions.
<keygen> - Answer-Was used to generate a public/private key pair for authentication;
deprecated in favor of more secure methods like WebAuthn.
<output> - Answer-Used to display the result of a calculation or process, often in
conjunction with JavaScript.
required - Answer-Ensures the field must be filled before submission.
placeholder - Answer-Displays a short hint describing the expected value.
pattern - Answer-Specifies a regular expression for input validation.
min/max - Answer-Define numeric or date ranges.
step - Answer-Sets the increment for numeric or range input.
readonly - Answer-Makes the field non-editable.
disabled - Answer-Disables the field entirely.
action - Answer-Specifies the URL to which the form data will be sent.
method - Answer-Defines the HTTP method used to send form data (e.g., GET or
POST).
, autocomplete (form) - Answer-Enables or disables autocomplete for all fields within the
form.
autocomplete (input) - Answer-Enables or disables autocomplete for that specific field.
autocomplete - Answer-Provides suggestions based on the browser's saved data (e.g.,
previously entered values).
<datalist> - Answer-Provides predefined, developer-specified suggestions.
<button type="submit"> - Answer-Submits the form.
<button type="reset"> - Answer-Resets form fields to their initial values.
<button type="button"> - Answer-A generic button that performs no default action but
can be programmed via JavaScript.
<label> - Answer-Associates a text label with a form control for better accessibility.
<fieldset> - Answer-Groups related form controls and elements together.
<legend> - Answer-Provides a caption or title for a <fieldset>.
DOM - Answer-The Document Object Model (DOM) is a programming interface that
represents the structure of an HTML or XML document. It allows developers to interact
with and manipulate elements, styles, and content of a web page dynamically using
JavaScript.
Canvas Creation - Answer-To create a canvas and draw a line, use the HTML
<canvas> element and JavaScript to access the canvas context and draw with methods
like beginPath(), moveTo(), lineTo(), and stroke().
getContext() - Answer-The getContext() method provides access to the rendering
context of a <canvas> element, which defines what kind of drawing can be done.
Available contexts for getContext() - Answer-2d: For two-dimensional graphics. webgl or
webgl2: For three-dimensional graphics using WebGL. bitmaprenderer: For fast pixel-
based rendering.
Manifest File - Answer-A manifest file provides metadata about a web application,
including its name, icons, start URL, theme colors, and display mode. It is used primarily
in Progressive Web Apps (PWAs) to enhance user experience, allowing apps to be
installed and run like native applications.
Draggable - Answer-An HTML attribute that makes an element draggable when set to
true.
