IT Specialist HTML5 Application Development Sample Questions:

1. A form has four buttons with a class of item. You need to apply an event listener to all buttons to invoke the moveElement function when a button is pressed. Your code must ensure bubble capture.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

2. You want to display a message box showing the user ' s current latitude and longitude as identified by the user' s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

3. You define the Pet class as follows:
class Pet {
constructor(name, breed) {
this.name = name;
this.breed = breed;
this.show = function() {
var text = " < p > Your pet ' s name is " + name + " . The pet ' s breed is " + breed + " . < /p > " ; return text;
};
}
}
You need to derive a Dog class from the Pet class.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

4. Which markup segment creates an SVG ellipse?

A) < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " rx= " 100 " ry= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
B) < svg height= " 140 " width= " 500 " > < ellipse x= " 200 " y= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
C) < svg height= " 140 " width= " 500 " > < ellipse cx= " 200 " cy= " 80 " x= " 100 " y= " 50 " fill= " green " stroke-width= " 2 " / > < /svg >
D) < svg height= " 140 " width= " 500 " > < ellipsp x= " 200 " y= " 80 " rx= " 100 " ry= " 50 " fill= " green
" stroke-width= " 2 " / > < /svg >

5. The following form is missing validation attributes:
< form >
< div class= " container " >
< h1 > Register Here < /h1 >
< p > Please fill in the details to create an account with us. < /p >
< hr >
< label for= " ? " > < b > Enter Email < /b > < /label >
< input type= " ? " placeholder= " Enter Email " name= " ? " placeholder= " [email protected] " >
< label for= " ? " > < b > Password < /b > < /label >
< input type= " ? " placeholder= " Enter Password " name= " ? " >
< label for= " ? " > < b > Confirm Password < /b > < /label >
< input type= " ? " placeholder= " Confirm Password " name= " ? " >
< label for= " phone " > < b > Phone < /b > < /label >
< input type= " tel " id= " phone " name= " phone " placeholder= " 123-45-678 " >
< hr >
< p > By creating an account you agree to our < a href= " # " > Terms & Privacy < /a > . < /p >
< button type= " submit " class= " registerbtn " > < strong > Register < /strong > < /button >
< /div >
< /form >
You need to update the form to enforce the following requirements for visitors:
* All fields must be completed with valid information.
* The users should not be allowed to type passwords longer than 8 characters.
* Passwords must use only numbers and letters.
* Phone numbers and email addresses must follow the configuration of the placeholder text.
* The browser must display an error message that makes it clear what type of input change is needed.
Review the markup on the left.
Complete the sentences by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Solutions: