Paper Time [90 minutes]

CS420 – Web Development for Portable Devices

Final Term Spring 2023 (Sample Paper)

MCQs
Take an assessment.
Question#1
We define a _______ at the top where we will display the screen coordinates of the most recent
touch.
A. Div
B. Heading
C. Br We define a touch-sensitive div to which we will attach an
D. Href event listener. We also define a div at the top where we will
display the screen coordinates of the most recent touch.
Question#2
To do something with the touch data, we add a ______ function.
A. Catch
B. Handler we add some JavaScript to register the
C. Open event listener, and add a handler function to
D. Close do something with the touch data:

Question#3
How many coordinates of the touch we can grab in touchHandler function?
A. 2
B. 10
C. 18 In the touchHandler function we grab
D. 26 the x and y coordinates of the touch, and write
them to the coords div:
Question#4
Coordinates of the touch in touchHandler are written in ______ div.
A. Heading
B. Href
C. Coords In the touchHandler function we grab
D. Br the x and y coordinates of the touch, and write
them to the coords div:
Question#5
We can display the screen coordinates of the most recent touch by defining div at the ______.
A. top
 B. down
C. left We also define a div at the top where we will
D. right display the screen coordinates of the most
recent touch.
Question#6
To handle all types of events like mouse, touch and pen events, we have to write the code_______ for
each.
A. Touch events
B. Mouse events To handle the mouse events, touch events
C. Pen events and pen events we have to write the code
D. Separately separately for each of these.
Question#7
Pointer events include:
A. Touch events
B. Delete events
C. Update events
D. Insert events
Question#8
Pointer events model is proposed by___________.
A. Tesla
B. Microsoft Microsoft made a standards proposal that
C. IBM reconciles touch events and mouse events and
D. Intel pen input too, into one model called pointer events.
Question#9
_____________API was defined in terms of Touches.
A. Delete events
B. Create events While the Touch Events API was defined in
C. Update events terms of Touches, the Pointer Events API is
D. Touch events defined in terms of Pointers,
Question#10
_____________API is defined in terms of Pointers.
A. Create events
B. Update events While the Touch Events API was defined in
C. Delete events terms of Touches, the Pointer Events API is
D. Pointer events defined in terms of Pointers,
Question#11
Pointer is defined for _________ devices.
A. Input
B. Output Pointer is defined as: A hardware agnostic
C. Both Input and Output representation of input devices that can
D. IoT target a specific coordinate on a scree
Question#12
Pointer attribute is __________.
A. pointer
B. pointerId Pointer attributes: Attribute pointerId screenX
C. screen screenY clientX clientY pageX pageY width
D. screenId height tiltX tiltY pressure pointerType isPrimary
Question#13
Pressure is a pointer attribute that means _______________.
A. Pressure of contact on screen
 B. Pressure of contact on pointer
C. Pressure of contact on width
D. Pressure of contact on height pressure: pressure of contact on screen
Question#14
To present the class of pointer, we used __________.
A. Pointer
B. PointerId
C. PointerPressure pointerType class of Pointer:
D. PointerType mouse, pen, or touch
Question#15
To present the main Pointer for a pointer type, we use ___________.
A. PointerType
B. PointerPressure
C. IsPrimary isPrimary:
D. IsSecondary is this the main Pointer for a pointer type
Question#16
Which of the following is event type?
A. Pointerenter Event types :Pointerover pointerenter
B. Pointerexit pointerdown pointermove pointerup
C. Pointercreate pointercancel pointerout pointerleave
D. Pointerdelete gotpointercapture lostpointercapture
Question#17
When an element becomes target of pointer, we use _________.
A. Got
B. Gotpointer
C. Gotpointercatch gotpointercapture: when an element
D. Gotpointercapture becomes target of pointer
Question#18
When element loses pointer capture, we use _________.
A. Lost
B. Lostpointer
C. Lostpointercatch lostpointercapture when element loses
D. Lostpointercapture pointer capture
Question#19
Polyfill library refers to a ________ library.
A. JavaScript
B. HTML
C. PHP It refers to a JavaScript library that
D. CSS implements an HTML5 web standard
Question#20
While entering data using any input entry method, data should be ________.
A. Visible
B. Not visible while entering data it should be clearly
C. Same visible. It is much difficult to enter the
D. Not same small font data.
Question#21
Which of the following font size data will be difficult to enter?
A. Small while entering data it should be clearly
B. Large visible. It is much difficult to enter the
C. Both small and large small font data.
 D. Medium
Question#22
Input entry should be ________ for all the users.
A. Difficult
B. Easy we must make of Input entry easy
C. Both difficult and easy for all the users.
D. Moderate
Question#23
Which of the following is not an input type in HTML5?
A. Date
B. Week Input Types in HTML5: search, email, url,
C. Month tel number, range, date, month, week,
D. Decade time, datetime, datetime, local, color.
Question#24
Which of the following syntax is used for the most common input type?
A. <input type="text">
B. <input type="">
C. < type tel="text"> Text: The most common input type
D. <input email ="text"> <input type="text">
Question#25
Which of the following syntax is used for the input type as email?
A. <input type="email">
B. <input type=""> When we use Input Type as email. We
C. < type text="email"> get a @ sign as well as .com and other
D. <input enter="email"> handy buttons: <input type="email">
Question#26
We get a @ sign as well as the .com by using the input type as________.
A. Text
B. Radio button
C. Hidden field
D. Email
Question#27
Entering an email on the standard keyboard is _________.
A. Easy
B. Difficult
Entering an email on the standard
C. Not possible keyboard is very difficult.
D. Not allowed
Question#28
______ Input provides the user with ability to add the numbers.
A. Email
B. Text Tel input provides the user with ability to
C. Tel add the numbers , it provides ability to
D. Radio button quickly add *, # , + signs as well.
Question#29
We can add *, # , + signs by using input type as _____.
A. Tel
B. Text Tel input provides the user with ability to
C. Email add the numbers , it provides ability to
D. Hidden field quickly add *, # , + signs as well.
Question#30
Which of the following syntax is used for the input type as Tel?
A. <input type="">
B. <input type="tel">
C. <input enter="tel">
D. <type text="tel"> <input type="tel">
Question#31
Which of the following Input types is used to enter the date on a Webpage?
A. Tel
B. Date Date input types makes it very easy to
C. Email enter the date on Webpage.
D. Text <input type="date">
Question#32
Which of the following input type is used to enter date and time?
A. <input type="time">
B. <input type="date"> Using Date & Time input it
C. <input type="datetime"> becomes very easy to enter data.
D. <input text="datetime"> <input type="datetime">
Question#33
Which of the following can be used for client side validation?
A. Pattern attribute
B. Tel attribute There's also a pattern attribute on the
C. Text attribute input element, that you can use to
D. Email attribute validate on the client side validation.
Question#34
Which of the following syntax is used for the input type as Password?
A. <input type="password">
B. <input password="type">
C. <type enter="password">
D. <input type="enterpassword">
Question#35
How can we apply the limit on password that must contain 8 or more characters?
A. Pattern =”.{8,}”
B. Pattern =”8.{password}”
C. Pattern =”password8.{}” check it in the example number 2
D. Pattern.8 =”.{password}” of Regular Expression Validation
Question#36
To increase the touchable area of the control, we can ____ label elements around input elements.
A. Modify You should always wrap label elements
B. Delete around your input elements, and their
C. Wrap associated labeling texts, because it
D. Both modify and delete increases the touchable area of control.
Question#37
Which of the following URL is used to dial a telephone number?
A. Telecolon
B. Telephone On mobile, you can use a telecolon URL
C. Telenumber to create a URL that when activated will
D. Telephonenumber actually dial a telephone number
Question#38
Which of the following URL typically fail on a desktop to dial a telephone number?
A. Telephone
 B. Telenumber On mobile, you can use a telecolon URL to
C. Telephonenumber dial a telephone number and on desktop, these
D. Telecolon URLs will typically fails.
Question#39
Which of the following is the correct syntax of the accept attribute?
A. <input type="file" file="image/*">
B. <input type="accept" accept="file/*"> Accept attribute takes a comma-separated
C. <input type="file" accept="image/*"> list of unique content types of files:
D. <input type="file" image="file/*"> <input type="file" accept="image/*">
Question#40
Which of the following API is used to get Live Input?
A. GetUserMedia
B. GetLiveUserMedia We can get Live Input, Audio and Video,
C. GetLiveMedia directly under our App by using an API
D. GetLive called getUserMedia.

Subjective Questions (3 Marks)

Question#1
Define a touch-sensitive div to which you can attach an event listener and also define a div at the top
where you will display the screen coordinates of the most recent touch.
Question#2
What are Pointer Events, and write their description as well?
Question#3
Write any three pointer attributes.
Question#4
Write any three event types.
Question#5
Write touch handler guide lines.
Question#6
What are virtual keyboards?

Subjective Questions (5 Marks)

Question#1
Write any five input type names in HTML5.
Question#2
Write at least three important features of input.
Question#3
What is Telecolon URL, and write its syntax?
Question#4
Write any five sensor names that can be found today in mobile phones.