what is your Browser Application name?

scrip document getElementById("p1").innerHTML = “Browser Application name is: " + navigator.appName; document getElementById("p2").innerHTML = "Browser Application code name isi * " + navigator.appCodeName: document getElementById("p2").innerHTML = “Browser version is: " + navigator.appVersion; Q.1(d) Write a JavaScript that initializes an array called “Fruits” with names of five (2] fruits. The script then displays the array in a message box. Ans.

The length property returns the length of an array.

htm Q.1(e) Give syntax of and explain the use of “with” statement/clause in JavaScript using [2] suitable example. ‘Ans.: The ‘with’ statement adds the given object to the head of this scope chain during the evaluation of its statement body. If an unqualified name used in the body matches a property in the scope chain, then the name is bound to the property and the object containing the property. Otherwise a ReferenceError is thrown, Syntax: with (expression) statement Example: function f(foo, values) { with (foo) { document.write(values); ) } Q.1(F) Enlist and explain the use of any two Intrinsic JavaScript functions. ica) Ans.: abs() Returns the absolute value of a number. exp) Returns EN, where N is the argument, and E is Euler's constant, the base of the natural logarithm. Q.1(g) State and explain what is a session cookie ? 2 ‘Ans.i © A session cookie contains information that is stored ina temporary memory — location and then subsequently deleted after the session is completed or the web browser is closed. This cookie stores information that the user has inputted and tracks the movements of the user within the website. + The main difference between a session and a cookie is that session data is stored on the server, whereas cookies store data in the visitor's browser. Sessions are more secure than cookies as it is stored in server Q.2__ Attempt any THREE of the following fz} Q.2(a) What are javaScript Accessors (setters and getters)? 4] Ans.: © Getters and setters exist in most object-oriented programming languages, including JavaScript. + They are code constructs that help developers access the properties of objects in a secure way. + With getters, you can access ("get") the values of properties from external code, while setters let you change ("set") their values + Itgives simpler syntax. + Ttallows equal syntax for properties and methods. + Itcan secure better data quality * A TavaScript object can have multiple properties and methods that store static data ‘and dynamic functionality. Properties are static key-value pairs, while metheds are functions specific to the objectPrelim Question Paper Solution + For example, Car.color could be a property, while Car.drive() could be a method of the Carobject. With a getter, you can access the color property of the Car object and with a setter, you can modify its value (for instance, from blue to black), + To get the properties of the Car object, you need to call the getter methods. Example: var obj = { Ex: ‘this is the value of foo", get€x: function() ( return this.Ex; ) setEx: function(val) { this.Ex = val; ) ) console.log(obj.getEx()): // "this is the value of obj setEx(‘hello’): foo" console.log(obj.getEx()): 17 “hello” Q.2(b) Write a JavaScript program which compute, the average marks of the following [4] students Then, this average is used to determine the corresponding grade. Ans.: student Name ‘Marks ‘Advait 80 ‘Anay 77 ‘Manyata 88 ‘Saanvi 95 ‘Saachi 68 Ranae | Grade <60 «70 <80 <90) <100) > |o|a Jo} Q.2(c) Write a JavaScript that displays all properties of window object. Explain the [4] code. scrip var myWindow: function openWin() ( myWindow=window.open("', "myWindow’, “width=200, height=100"): myWindow.document.write("

This is new Windows/p>"); } function moveWin() { myWindow.moveTo(500, 100); myWindow.Focus(): ) Prelim Question Paper Solution Q.2(d) Write a JavaScript function that checks whether a passed string is palindrome or [4] ‘Ans.: Q3 rot. head sbody> head = 2) { result push(prop) J } return result: } Q.3(d) Write a function that prompts the user for a color and uses what they select to [4] Ans.: set the background color of the new webpage opened . Demo.htm! "heading" This is a heading

---

«button type="button" onclick="changeBodyBg{ ):"»Yellow

«hI id="heading"*Yellows/hl> Vidyalankar : T.Y. Diploma - OS a4 Red. html hl id="heading"»Rede/hl> Attempt any THREE of the following + fz} Q.4(a) State what is a regular expression? Explain its meaning with the help of a [4] Ans.: suitable example. A regular expression is very similar to a mathematical expression, except a regular expression tells the browser how to manipulate text rather than numbers by using special symbols as operators. For example, the browser might be told to determine whether a specific character exists in ‘one or more lines of text. Likewise, the browser might be told to replace all occurrences of a word with another word. This and more can be accomplished by writing a regular expression Unlike a mathematical expression, a regular expression begins and ends with a slash (/). You place the special symbols that make up the regular expressions between slashes. You'll notice that a pair of square brackets ({]) appears following the first slash, This tells the browser to search the text for characters that appear within the brackets. Example:

Enter text"ctextarea id="txt" Vidyalankar : T.Y. Diploma - OS

Hie Est view Hutery Bookmarks lools Help C/User/acey/Desktopreploveto x | © flex //C:/Users/acer/Desktop/replavetext.h Enter text Greck 12:45:20 Q.4(c) Write the syntax of and explain use of following methods of JavaScript Timing [4] Event. (i) setTimeout() Gil) setTnterval) Ans.: (i) setTimeout(): Syntax: setTimeout(Function, milliseconds, parametert, ..) Parameter: Tt accept some parameters which are specified below- * function: It is the function that will be executed, + milliseconds: It is the number of milliseconds to wait before executing the code. It is optional and its default value is zero(0). + parametert: It is additional parameters to pass to the function and it is optional. + Return Value: It returns a number representing the ID value of the timer that is set. Gi) setIntervalQ: 1. The setInterval() method calls a function or evaluates an expression at specified intervals (in milliseconds). 2, The setInterval() method will continue calling the function until clearInterval() is called, or the window is closed, 3. The ID value returned by setInterval() is used as the parameter for the clearnterval() method. Syntax: setInterval(function, milliseconds, paramt, param2, ..) Parameters: * Function: Required, The function that will be executed + Milliseconds: Required, The intervals (in milliseconds) on how often to execute the code. If the value is less than 10, the value 10 is used * param, param2, ..: Optional. Additional parameters to pass to the function Q.4(d) How to create banner ads in javascript? 4] ‘Ans. Displaying banners ads is a common practice for showing advertisements on web pages to the visitors. You can create some animated effect using JavaScript, like rotating static banner ads at a certain time interval, Rotating banners ads comprises several banner images that constantly rotate on a webpage at a fix time interval. You can create these banner images using standard graphics tools. Let's create four banner images and name them as banner1.jpg, banner2.jpg, banner3.jpg and banner4.jpg -10-Prelim Question Paper Solution The JavaScript starts by declaring an array to store the banner images using the new Array keywords, as follows: MyBanners=new Array(banner' jpg’ banner? jpg’ banner3.jpg’banner4.jpg’) Each element in the array is assigned with an index, starting from 0. In our example, banner!.jpg is assigned with index 0, banner2,jpg is assigned with index 1, banner3.jpq is assigned with index 2 and banner3.jpg is assigned with index 3. To track the index of the current banner, we can assign the index to a variable. Here we use +the variable banner and initialize it with a value 0 te load the first banner image. Next, we create a function ShowBanners which will display all the banner images at fix interval. This can be achieved by incrementing the index values using the Statement banner++ and when the index value is equal to the total number of elements in the array(denoted by MyBanners.length), the index value is set back to 0, which is the index of the first banner, banner++ -MyBanners.length) The process is repeated at a fix time interval using the setTimeout ( ) function. The setTimeout ( ) function comprises two arguments, the first is the function to be activated, i.e the ShowBanners () function and the second one is the duration measured in milliseconds, therefore 1000 is equivalent to 1 second so 5000 is equal to 5 seconds. The final part of the JavaScript is to call out the ShowBanners ( ) function using the onload method Exampl « Q.5 Attempt any TWO of the following : zy Q.5(a) Write HTML Script that displays textboxes for accepting Name, middlename, [6] Ans. Surname of the user and a Submit button. Write proper JavaScript such that when the user clicks on submit button (@ all texboxes must get disabled and change the color to "RED". and with respective labels. (ii) Constructs the mailZD as .@msbte.com and displays mail ID ‘as message. (Ex. If user enters Rajni as name and Pathak as surname mailZD will be constructed as [email protected])

«button type="submit" id="submit"»Submit