IT online Exam

Tuesday, 14 March 2023

JavaScript Programs with solutions for HSC online IT Exam March 2023

 

JavaScript Programs


1.Write JavaScript code to print subtraction of 2 numbers.

<html>
<head>
   <title>JS program to subtract two numbers</title>
</head>

<body>
<script>
    var n1, n2, diff;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    diff=n2-n1;
    alert("Subtraction - " + diff);
</script>
</body>
</html>


2.Write JavaScript code to print addition of 2 numbers.

<html>
<head>
   <title>JS program to add two numbers</title>
</head>

<body>
<script>
    var n1, n2, sum;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    sum=n1+n2;
    alert("Sum- " + sum);
</script>
</body>
</html>


3.Write JavaScript code to print multiplication of 2 numbers.

<html>
<head>
   <title>JS program to multiply two numbers</title>
</head>

<body>
<script>
    var n1, n2, prod;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    prod=n1*n2;
    alert("Product - " + prod);
</script>
</body>
</html>


4.Write JavaScript code to print division of 2 numbers.

<html>
<head>
   <title>JS program to divide two numbers</title>
</head>

<body>
<script>
    var n1, n2, q;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    q=n1/n2;
    alert("Division - " + q);
</script>
</body>
</html>


5.Write JavaScript code to print addition, subtraction, multiplication & division of 2 numbers.

<html>
<head>
   <title>JS program to add, subtract, multiply, divide two numbers</title>
</head>

<body>
<script>
    var n1, n2, s,d,m,q;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    s=n1+n2;
    d=n2-n1;
    m=n1*n2;
    q=n1/n2;
    document.write("<br>Sum - " + s);
    document.write("<br>Difference - " + d);
    document.write("<br>Product - " + m);
    document.write("<br>Division - " + q);
</script>
</body>
</html>


6.Write JavaScript code to display area of circle, accept value from user.
7.Write JavaScript code to print area of triangle.

<html>
<head>
   <title>JS program to calculate area of circle</title>
</head>

<body>
<script>
    var r, area;
    r=parseInt(prompt("Enter radius of the circle:"));
  
    area=3.14*r*r;
    alert("Area - " + area);
</script>
</body>
</html>

8.Write JavaScript code to calculate the average of three numbers.

<html>
<head>
   <title>JS program to calculate average of three numbers</title>
</head>

<body>
<script>
    var n1, n2, n3 avg;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    n3=parseInt(prompt("Enter third number:"));
    avg=(n1+n2+n3)/3;
    alert("Average - " + avg);
</script>
</body>
</html>



9.Write JavaScript code to print perimeter of rectangle.

<html>
<head>
   <title>JS program to calculate perimeter of rectangle</title>
</head>

<body>
<script>
    var length, breadth, p;
    length=parseInt(prompt("Enter length of the rectangle:"));
    breadth=parseInt(prompt("Enter breadth of the rectangle:"));
  
    p=2*(length+breadth);
    alert("Perimeter- " + p);
</script>
</body>
</html>


10.Write JavaScript code to print perimeter of trapezium.

<html>
<head>
   <title>JS program to calculate perimeter of trapezium</title>
</head>

<body>
<script>
    var a, b, c, d, p;
    a=parseInt(prompt("Enter length of the first side of trapezium:"));
    b=parseInt(prompt("Enter length of the second side of trapezium:"));
    c=parseInt(prompt("Enter length of the third side of trapezium:"));
    d=parseInt(prompt("Enter length of the fourth side of trapezium:"));
  
    p=a+b+c+d;
    alert("Perimeter - " + p);
</script>
</body>
</html>


11.Write JavaScript code to check whether the number is odd or even.

<html>
<head>
   <title>JS program to check number is odd or even</title>
</head>

<body>
<script>
    var n;
    n=parseInt(prompt("Enter a number:"));
    if(n%2==0)
        alert("Number is even");
    else
        alert("Number is odd");
</script>
</body>
</html>


12. Write JavaScript code to enter two values and display the largest.

<html>
<head>
   <title>JS program to find largest number</title>
</head>

<body>
<script>
    var n1, n2;
    n1=parseInt(prompt("Enter first number:"));
    n2=parseInt(prompt("Enter second number:"));
    if(n1>n2)
       alert("Larger number - " + n1);
    else
        alert("Larger number - " + n2);

</script>
</body>
</html>


13. Write JavaScript code to print multiplication table of 3.

<html>
<head>
   <title>JS program to print multiplication table of 3</title>
</head>

<body>
<script>
    var n=3, i;
    document.write("Multiplication table of 3");
    for(i=1;i<=10;i++)
    {
        document.write("<br>"+n+" * "+i+" = "+n*i);
    }
  
</script>
</body>
</html>


14.Write JavaScript code to print numbers from 1 to 10.

<html>
<head>
   <title>JS program to print numbers from 1 to 10</title>
</head>

<body>
<script>
    var i;
    document.write("Numbers from 1 to 10");
    for(i=1;i<=10;i++)
    {
        document.write("<br>"+i);
    }
  
</script>
</body>
</html>


15.Write JavaScript code to print sum of 50 natural numbers.

<html>
<head>
   <title>JS program to print sum of 50 natural numbers.</title>
</head>

<body>
<script>
    var i, sum=0;
    document.write("Sum of numbers from 1 to 50");
    for(i=1;i<=50;i++)
    {
        document.write("<br>"+i);
        sum=sum+i;
    }
    document.write("<br>Sum - "+sum);
  
</script>
</body>
</html>


16.Write JavaScript code to print all even numbers from 10 to 50.

<html>
<head>
   <title>JS program to print even numbers from 10 to 50</title>
</head>

<body>
<script>
    var i;
    document.write("Even Numbers from 10 to 50");
    for(i=10;i<=50;i++)
    {
       if(i%2==0)
         document.write("<br>"+i);
    }
  
</script>
</body>
</html>


17.Write JavaScript code when user click on button, it will display sum of even numbers from 1 to 10.

<html>
<head>
   <title>JS program to print sum of even numbers.</title>
<script>
function display_sum() {    
    var i, sum=0;
    
    for(i=1;i<=10;i++)
    {
       if(i%2==0) 
          sum=sum+i;
    }
    document.getElementById("disp").innerHTML = "Sum of even numbers from 1to10 - " + sum;
}  
</script>
</head>

<body>

<input type="button"  name="disp_sum" value="Display Sum" onclick="display_sum()">

<br>
<p id="disp">   </p>

</body>
</html>


18.Write JavaScript code to print all odd numbers from 50 to 100.

<html>
<head>
   <title>JS program </title>
</head>

<body>
<h1>JS program to print odd numbers from 50 to 100</h1>
<script>
    var i;
    document.write("Odd Numbers from 50 to 100");
    for(i=50;i<=100;i++)
    {
       if(i%2!=0)
         document.write("<br>"+i);
    }
  
</script>
</body>
</html>



19.Write JavaScript code to print factorial of 7 on button click.

<html>
<head>
   <title>JS program - factorial of number</title>
<script>
function display_factorial(num) {    
      var i, f = 1;
      for (i = num; i >= 1; i--) {
            f=f*i;
      }
    document.getElementById("disp").innerHTML = "Factorial of 7 - " + f;
}  
</script>
</head>

<body>
<h1>JS program to print factorial of number</h1>
<input type="button"  name="disp_fact" value="Display Factorial" onclick="display_factorial(7)">

<br>
<p id="disp">   </p>

</body>
</html>



20.Write JavaScript code to print square of a accepted number.

<html>
<head>
   <title>JS program to display square of a number</title>
</head>

<body>
<script>
    var n, r;
    n=parseInt(prompt("Enter a number:"));
    r=n*n
    alert("Square - " + r);
</script>
</body>
</html>


21.Write JavaScript code to count length of accepted string after click on the button.
<html>
<head>
   <title>JS program</title>
<script>
function display_length() {    
    var str, len;
    str = form1.str_box.value;
    len = str.length;
    document.getElementById("disp").innerHTML = "Length of String  - " + len;
}  
</script>
</head>

<body>
<h1>JS program to print length of string</h1>
<form name="form1">
    <input type="text" name="str_box" size=50> 
    <input type="button"  name="disp_strlen" value="Display Length" onclick="display_length()">
</form>
<br>
<p id="disp">   </p>

</body>
</html>


22.Write JavaScript code to accept two dates and find the difference in those dates.

<html>
<head>
   <title>JS program</title>
<script>
function display_diff() {    
    var d1, d2, diff;
    d1 = new Date(form1.date1.value);
    d2 = new Date(form1.date2.value);
    diff = (d2 - d1) / (1000 * 3600 * 24);
    document.getElementById("disp").innerHTML = "Difference of dates in days  - " + diff;
}  
</script>
</head>

<body>
<h1>JS program to display difference between dates</h1>
<form name="form1">
    <input type="date" name="date1"> 
    <br> <br>
    <input type="date" name="date2"> 
    <br> <br>
    <input type="button"  name="disp_diff" value="Display Difference" onclick="display_diff()">
</form>
<br>
<p id="disp">   </p>

</body>
</html>


23.Write JavaScript code to take a input of string and reverse the string in output.
<html>
<head>
   <title>JS program - revverse of string</title>
<script>
function display_reverse(str) {    
    var newstr;
    newstr = str.split("").reverse().join("")
    document.write("Reverse of String  - " + newstr);
}  
</script>
</head>
<body>
<h1>JS program to reverse a string</h1>
<script>
    var s;
    s = prompt("Input a string");
    display_reverse(s)
</script>
</body>
</html>



24.Write JavaScript code to input 3 digit number and find sum and product of its digit of the number use onblur event for the program.




25.Write JavaScript code to print factorial of accepted number.

Saturday, 18 February 2023

HTML PROGRAMS WITH SOLUTIONS HSC ONLINE IT EXAM - MARCH 2023


HSC IT  March - 2023  EXAM  (Expected Questions) - 10 marks

- 5 marks (Science section)

- 10 marks (Commerce & Arts section)


1. Write a html program to accept Name of the College, Total number of students in the college, Total number of halls (range till 100). The data should be sent to the server.   Watch Video


<!doctype html>
<html>
<head>
    <title> College Data </title>
</head>
<body>
 <h1> College Information Form</h1>
 <form name="Clgform" method="post" action="process.php">
    Name of the College :
    <input type="text" name="clg_name">
    <br> <br>
    Total No. of Students :
    <input type="number" name="stud_no" min=1>
    <br> <br>
    Total No. of Halls :
    <input type="range" name="hall_no" min=1 max=100>
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>


2. Write a html program to accept Name of the Employee (cannot be blank), Email Id of the Employee, Salary (maximum 50000). The data should be sent to the server.   Watch Video


<!doctype html>
<html>
<head>
    <title> Employee Data </title>
</head>
<body>
 <h1> Employee Information Form</h1>
 <form name="empform" 
method="post" action="process.php">
    Name of the Employee :
    <input type="text" name="emp_name" REQUIRED>
    <br> <br>
    Email ID :
    <input type="email" name="emp_email" min=1>
    <br> <br>
    Salary  :
    <input type="number" name="emp_sal" min=1 max=50000>
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>


3. Write a html program to create a form to accept Doctor's name, number of patients (maximum 20), Date of examining patients. Watch Video


<!doctype html>
<html>
<head>
    <title> Hospital Data </title>
</head>
<body>
 <h1> Doctor Information Form</h1>
 <form name="docform" 
method="post" action="process.php">
    Name of the Doctor :
    <input type="text" name="doc_name" REQUIRED>
    <br> <br>
    No. of Patients :
    <input type="number" name="patient_no" min=1 max=20>
    <br> <br>
    Date of Examination :
    <input type="date" name="ex_date">
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



4. Write a html program to create a form to accept Patient's name, his mobile number and date of birth. Keep all fields compulsory. Watch Video


<!doctype html>
<html>
<head>
    <title> Hospital Data </title>
</head>
<body>
 <h1> Patient Information Form</h1>
 <form name="docform" 
method="post" action="process.php">
    Name of the Patient :
    <input type="text" name="pat_name" REQUIRED>
    <br> <br>
    Mobile No. :
    <input type="number" name="pat_mobile" REQUIRED>
    <br> <br>
    Date of Birth :
    <input type="date" name="pat_date" REQUIRED>
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>




5. Write a html program to create a form to accept student's name, number of practicals he has completed and provide facility to upload his completion certificate.  Watch Video


<!doctype html>
<html>
<head>
    <title> Student Data </title>
</head>
<body>
 <h1> Student Practical Information Form</h1>
 <form name="studform" 
method="post" action="process.php">
    Name of the Student :
    <input type="text" name="stud_name" REQUIRED>
    <br> <br>
    No. of Practicals Completed :
    <input type="number" name="practical_no" min=1>
    <br> <br>
    Upload Completion Certificate :
    <input type="file" name="certificate">
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



6. Write a html program to create a form to accept students roll no (in number format), Unit test marks (maximum 25 marks), Terminal exam marks (maximum 50 marks). Include the name of the Subject teacher and send the data to the server.


<!doctype html>
<html>
<head>
    <title> Student Data </title>
</head>
<body>
 <h1> Student Exam Marks Form</h1>
 <form name="studform" 
method="post" action="process.php">
    Student Roll No :
    <input type="number" name="stud_roll" min=1>
    <br> <br>
    Unit Test Marks :
    <input type="number" name="unit_test" min=0 max=25>
    <br> <br>
    
Terminal Exam Marks :
    <input type="number" name="unit_test" min=0 max=50>

    <br> <br>
    Name of the Subject Teacher :
    <input type="text" name="sub_teacher">
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



7. Write a html program to create registration form to accept name, mobile no., date of birth. The form should have register caption in the button to submit the data.


<!doctype html>
<html>
<head>
    <title> User Data </title>
</head>
<body>
 <h1> User Registration Form</h1>
 <form name="userform" 
method="post" action="process.php">
    Name of the User :
    <input type="text" name="user_name">
    <br> <br>
    Mobile No. :
    <input type="number" name="user_mobile">
    <br> <br>
    Date of Birth :
    <input type="date" name="user_dob">
    <br> <br>
    

    <input type="submit" value="REGISTER">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



8. Write html program to accept Name of the hospital, Email Id of the hospital, Number of beds in the hospital. The data should be sent to the server.


<!doctype html>
<html>
<head>
    <title> Hospital Data </title>
</head>
<body>
 <h1> Hospital Information Form</h1>
 <form name="hospitalform" 
method="post" action="process.php">
    Name of the Hospital :
    <input type="text" name="hosp_name">
    <br> <br>
    Email Id. :
    <input type="email" name="hosp_email">
    <br> <br>
    Number of beds in Hospital :
    <input type="number" name="hosp_beds">
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>




9.A. Write html program to create a form to accept students roll no (in number format), Unit test marks(maximum 25 marks), Terminal exam marks (maximum 50 marks). Include the name of the Subject teacher and send the data to the server.


<!doctype html>
<html>
<head>
    <title> Student Data </title>
</head>
<body>
 <h1> Student Exam Marks Form</h1>
 <form name="studform" 
method="post" action="process.php">
    Student Roll No :
    <input type="number" name="stud_roll" min=1>
    <br> <br>
    Unit Test Marks :
    <input type="number" name="unit_test" min=0 max=25>
    <br> <br>
    
Terminal Exam Marks :
    <input type="number" name="unit_test" min=0 max=50>

    <br> <br>
    Name of the Subject Teacher :
    <input type="text" name="sub_teacher">
    <br> <br>
    
<input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



9.B. Write html program to accept student name, Date of birth and attendance percentage in number format. Send the data to the server.


<!doctype html>
<html>
<head>
    <title> Student Data </title>
</head>
<body>
 <h1> Student Attendance Percentage </h1>
 <form name="studform" 
method="post" action="process.php">
    Student Name :
    <input type="text" name="stud_name">
    <br> <br>
    Date of Birth:
    <input type="date" name="stud_dob">
    <br> <br>
    Attendance 
Percentage  :
    <input type="number" name="stud_attd" min=0 max=100>
   
  <br> <br>
   <
input type="submit" value="SUBMIT">
    
<input type="reset" value="RESET">
 </form>
</body>
</html>



10. Write a html program to display "Digital India" in Verdana font using internal CSS. Add any two sentences about Digital India below in orange color. Watch Video


<!doctype html>
<html>
<head>
    <title> Digital India </title>
   <style>
     h1 { font-family : "Verdana";  }
     p { color : orange;   }
   </style>

</head>
<body>
 <h1> Digital India</h1>
  <p> Digital India is a campaign launched by the Government of India to ensure that the Government's services are made available to citizens electronically through improved online infrastructure and by increasing Internet connectivity. </p>

  <p> It making the country digitally empowered in the field of technology. </p>

</body>
</html>




11. Write a html program to display "Maharashtra State Board" in blue color and font size 30 pixels using internal CSS. Give background colour yellow for the web page.


<!doctype html>
<html>
<head>
    <title> MS Board </title>
   <style>
     body { background-color : yellow;  }
     p {
        color : blue;
        font-size ; 30px; 
     }
   </style>

</head>
<body>

 <p> Maharashtra State Board</p>

  

</body>
</html>




12. Write a html program to display "Maharashtra State Board" in font size 40 pixels using internal CSS. Give background colour yellow for the same text.


<!doctype html>
<html>
<head>
    <title> MS Board </title>
   <style>
     body { background-color : yellow;  }
     p {  font-size ; 40px;  }
   </style>

</head>
<body>

 <p> Maharashtra State Board</p>

  

</body>
</html>




13. Write a html program to display "Web designing" in italic format and having underline using internal CSS. Add any two sentences about web designing in green color.


<!doctype html>
<html>
<head>
    <title> Web Designing </title>
   <style>
     h1 {
         font-style : italic;
         text-decoraton : underline;
     }
     p { color : green;   }
   </style>

</head>
<body>
 <h1> Web Designing</h1>
  <p> Web designing is the art of planning and arranging content on a website so that it can be shared and accessed online with the world. </p>

  <p> Web design encompasses many different skills and disciplines in the production and maintenance of websites. </p>

</body>
</html>





14. Write a html program to insert inline frame on web page. Use xyz html file as a source for inline frame. Size of inline frame should be 100x100 pixels.


<!doctype html>
<html>
<head>
    <title> Inline Frame example </title>
</head>
<body>
 <h1> Inline Frame</h1>
 <iframe src="xyz.html" height=100 width=100>
  

</body>
</html>




15. Write html program to insert inline frame on web page. Use xyz html file as a source for inline frame. Size of inline frame should be 300 x 300 pixels.


<!doctype html>
<html>
<head>
    <title> Inline Frame example </title>
</head>
<body>
 <h1> Inline Frame</h1>
 <iframe src="xyz.html" height=300 width=300>
  

</body>
</html>




16. Write html program to create an ordered list of 3 languages used for speaking and unordered list having 2 computer languages. Watch Video


<!doctype html>
<html>
<head>
    <title> Languages </title>
</head>
<body>
 <h2> Languages used for Speaking</h2>
 <OL>
   <LI> English </LI>
   
<LI> Hindi </LI>
   
<LI> Marathi </LI> 
 </OL>
 
<h2> Computer Languages</h2>
 <UL>
   <LI> Java </LI>
   
<LI> Python </LI>
 </UL>
</body>
</html>





17. Write html program to display names of two friends in ordered list and also display their hobbies under their name in unordered list. Watch Video


<!doctype html>
<html>
<head>
    <title> Friends and their Hobbies </title>
</head>
<body>
 <h2> Friends 
and their Hobbies</h2>
 <OL>
   <LI> Vedika </LI>
   
<UL>
      <LI> Singing </LI>
      
<LI> Dance </LI>
   </UL>
   
<LI> Riya </LI> 
   
<UL>
      <LI> Reading Books </LI>
      
<LI> Travelling to Historical Places </LI>
   </UL>  
 </OL>
 
 
</body>
</html>



18. Write html program to create an unordered list having names of two students. Add ordered list of subjects they selected:


<!doctype html>
<html>
<head>
    <title> Students subjects</title>
</head>
<body>
 <h2> Student List with subjects
</h2>
 <UL>
   <LI> Sanika</LI>
   
<OL>
      <LI> IT</LI>
      
<LI> Maths</LI>
   </OL>
   
<LI> Sachin</LI> 
   
<OL>
      <LI> English </LI>
      
<LI> PT </LI>
   </OL>  
 </UL>
 
 
</body>
</html>



 

Bitcoins