Prep and try our INF-306 valid and latest training questions & answers

You need to ensure that the value of an input element is a valid 10-digit phone number with no symbols. The input element should initially display all zeroes, but that value should never be stored with the form.
Complete the markup by selecting the correct option from each drop-down list.

Explanation:
< input id= " phone "
pattern= " [0-9]{10} "
placeholder= " 0000000000 " >
The correct first attribute is pattern because the requirement is to validate the entered value against a specific format: exactly ten numeric digits and no symbols. The regular expression [0-9]{10} means that only digits from 0 through 9 are allowed, and exactly ten of them must be entered. This prevents values such as 123-456-
7890, (123)4567890, or 123 456 7890 because those contain symbols or spaces. The correct second attribute is placeholder, not value, because the input should initially display all zeroes but that displayed text must not be submitted or stored with the form. A placeholder is hint text shown when the field is empty; it disappears when the user enters real data and is not submitted as the control's value. By contrast, value= " 0000000000 " would actually prepopulate the input and could be submitted if the user did not change it. The required option is not selected because the question focuses on format validation and display hint behavior, not mandatory completion. References/topics: HTML5 form validation, pattern, regular expressions, placeholder, input constraint validation.

You need to complete the code for a registration form that must meet the following criteria:
* The Password must be 6-8 characters long and use only letters and numbers.
* The Member ID must follow the pattern ###-##-###.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: maxlength=8
Second drop-down: pattern=[A-Za-z0-9]{6,8}
Third drop-down: pattern=[0-9]{3}-[0-9] {2}-[0-9]{3}
The password field needs two constraints. maxlength=8 limits the user to a maximum of eight characters, satisfying the upper length requirement. The pattern=[A-Za-z0-9]{6,8} attribute enforces the complete password rule: only uppercase letters, lowercase letters, and digits are allowed, and the total length must be between six and eight characters. A pattern without {6,8} would not enforce the minimum length, and {1,8} would incorrectly allow passwords shorter than six characters. The Member ID field must follow the visible placeholder format 123-45-678, which is three digits, a hyphen, two digits, another hyphen, and three digits.
Therefore, the correct member ID pattern is pattern=[0-9] {3}-[0-9]{2}-[0-9] {3}. The hyphens must be included literally in the pattern because the required format contains them. max=8 is not appropriate for password text length, and size=8 only controls display width, not validation.

Which two statements correctly describe media queries? Choose 2.

• A. Media queries can process JavaScript code dynamically.
• B. Media queries improve the performance of your web page.
• C. Media queries allow you to apply different CSS rules on various screens/breakpoints.
• D. Media queries support responsive web design.

Explanation: Only visible for Prep4King members. You can sign-up / login (it's free).

You write the following JavaScript code. Line numbers are included for reference only.
01 < script >
02
03 beststudent = new Student( " David " , " Hamilton " );
04 document.write(beststudent.fullname + " is registered. " );
05 < /script >
You need to write a function that will initialize and encapsulate the member variable fullname.
Which code fragment could you insert at line 02 to achieve this goal?
Note: Each correct answer presents a complete solution.

• A. var Student(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; this.fullname = this.firstname + " " + this.lastname;}
• B. var student(firstName, lastName) { firstname = firstName; lastname = lastName; fullname = firstname
  + " " + lastname;}
• C. function Student(firstName, lastName) { firstname = firstName; lastname = lastName; fullname = firstname + " " + lastname;}
• D. function Student(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; this.
  fullname = this.firstname + " " + this.lastname;}

Explanation: Only visible for Prep4King members. You can sign-up / login (it's free).

Which two application features should you implement by using session storage? Choose 2.

• A. Saving customized UI/UX settings
• B. Passing data to a function within a program
• C. Saving temporary authentication tokens
• D. Passing form data to a confirmation page
• E. Saving game play status for future use

Explanation: Only visible for Prep4King members. You can sign-up / login (it's free).