Std XI I.T || Skill Set 3 – JavaScript || SOP4

-

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

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


<!DOCTYPE html>
<html>
<head>
<title>sop4</title>
<script language=javascript>
function val()
{
n=f1.v.value
if(!isNaN(n))
document.write(n+" is a number")
else
document.write(n+" is a not number")
}
</script>
</head>
<body>
<form name=f1>
Enter Value:- <input type=text name=v>
<br><br>
<input type=Submit value=Submit onClick=val()>
</form>
</body>
</html>


  • To calculate addition and division of two numbers.


<!DOCTYPE html>
<html>
<head>
<title>sop4</title>
<script language=javascript>
function add()
{
num1=parseInt(f1.n1.value)
num2=parseInt(f1.n2.value)
add=num1+num2
alert("Addition = " +add)
}
function div()
{
num1=parseInt(f1.n1.value)
num2=parseInt(f1.n2.value)
div=num1/num2
alert("Division = " +div)
}
</script>
</head>
<body>
<form name=f1>
<b>1st Number:- <input type=text name=n1>
<br><br>
<b>2nd Number:- <input type=text name=n2>
<br><br>
<input type=button value=Addition onClick="add()">
<input type=button value=Divide onClick="div()">
</form>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Std XI I.T || Skill Set 3 – JavaScript || SOP1

-
Image
SOP1: 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. <!DOCTYPE html> <html> <head> <title>sop1</title> </head> <body> <h1>To accept integer and display the result by multiplying it with 3</h1> <script language=javascript> var num,ans num=prompt("Enter a number") ans=num*3 document.write("Answer = "+ans) </script> </body> </html> Type the code in notepad application and save the code as usual in a folder. Provide suitable filename for example sopjs1a.html. In these examples we are embedding JavaScript codes in HTML hence  we provide  .html extensions to the filenames. To see the output as per academic specifications  use Internet Explo...
Read more

Std. XI I.T || Skill Set 2 - HTML5 || SOP 4

-
Image
SOP4: Write a program using HTML with the following specification. ·         Write a program with details about a class with total number of students-100, (Boys-50), Girls-50 in tabular form. ·         Link this page to another page as follows.                                                             Demo.html HTML Code <!DOCTYPE html> <html> <head> <title>sop4A</title> </head> <body> <table border=1 cellspacing=0> <tr bgcolor="gold" align="center"> <th>Number of Students <th>Boys <th>Girls </tr> <tr bgcolor="lightgreen" align="center"> <th>100 <th>50 <th>50 </tr> </table> </body> ...
Read more

Std XI I.T || Skill Set 3 – JavaScript || SOP3

-
SOP3: Create JavaScript program for the following using appropriate variables, JavaScript inbuilt string functions and control structures.        To accept string and calculate its length.          <!DOCTYPE html>          <html>          <head>          <title>sop3</title>          </head>          <body>          <h1> To accept string and calculate its length </h1>          <script language=javascript>           var n           n=prompt("Enter any text")           s=n.length           document.write("Length of the string is "+s)          </script...
Read more