Maharashtra Board Class 11 Information Technology Skill Oriented Practicals Chapter 3 Client Side Scripting JavaScript PDF Download

Client Side Scripting (JavaScript)

Skill Set 3 - JavaScript

SOP 1: Create JavaScript Program

Create JavaScript program for the following using appropriate variables, JavaScript inbuilt functions and control structures.

To accept integer and display the result by multiplying it with 3.

To accept two integers and display larger number of them.

To check whether, user entered number is positive or negative.

Teacher's Note

JavaScript helps you write programs that work on web pages. It is like giving instructions to the computer to do things when the user clicks a button or enters numbers.

Exam Trick

Remember: JavaScript runs on the user's computer in the browser, not on the server. This is why it is called "Client Side" scripting.

Points to Remember

Variables store numbers and words that you use in your program.
JavaScript inbuilt functions help you do common tasks like multiply, compare, and check numbers.
Control structures like if-else help you make decisions in your program.
Always multiply or add numbers correctly using the right symbol like * or +.

SOP 2: Create JavaScript Program

Create JavaScript program for the following using appropriate variables, JavaScript inbuilt functions and control structures.

To accept two positive or negative numbers and check whether they are equal or not.

To accept number and display square of it.

To check whether the accepted integer is multiple of 3 or multiple of 7.

Teacher's Note

When you check if two numbers are equal, you use the == symbol. For example, if you enter 5 and 5, the computer will say they are equal.

Exam Trick

To find square of a number, multiply it with itself. For example, square of 4 is 4 × 4 = 16. To check if a number is a multiple, use the modulo operator (%). If number % 3 == 0, then it is a multiple of 3.

Points to Remember

Square means multiply a number by itself.
Use == to check if two numbers are equal.
Modulo operator % gives the remainder after division.
If remainder is 0, then the number is a multiple.
Always use correct symbols: == for equal, != for not equal.

SOP 3: Create JavaScript Program

Create JavaScript program for the following using appropriate variables, JavaScript inbuilt string functions and control structures.

To accept string and calculate its length.

To accept string and display it into lowercase and uppercase.

To check whether the length of string is 4 or greater.

Teacher's Note

A string is a word or a sentence that you type. For example, "Hello" is a string with 5 letters. JavaScript has special functions to count letters and change their size.

Exam Trick

Remember: .length tells you how many letters are in a word. Like "India" has length 5. .toLowerCase() makes all letters small. .toUpperCase() makes all letters big.

Points to Remember

String is a group of letters, numbers, and symbols put together.
.length function counts how many letters are in a string.
.toLowerCase() makes all letters small or lowercase.
.toUpperCase() makes all letters big or uppercase.
You can check if length is 4 or greater using the greater than symbol (>).

SOP 4: Create Event Driven JavaScript Programs

Create event driven JavaScript programs for the following using appropriate variables, JavaScript inbuilt functions and control structures.

To accept number and validate if the given value is a number or not by clicking on the button.

To calculate addition and division of two numbers.

Teacher's Note

Event driven means the program does something when you click a button or press a key. For example, when you click the "Check" button, the computer checks if your input is a number or not.

Exam Trick

Remember: Use onClick event to run a function when someone clicks a button. Use isNaN() function to check if something is NOT a number. For example, if isNaN(value) is true, then it is not a number.

Points to Remember

Event means something that happens on a web page, like clicking a button.
onClick is used to run a function when a button is clicked.
isNaN() checks if a value is a number or not.
Addition means adding two numbers using + symbol.
Division means dividing two numbers using / symbol.

This is a preview of the first 3 pages. To get the complete book, click below.