Posts

Showing posts with the label Web Programming Lab

Write a JavaScript program to check whether given number is Palindrome or not

Image
  Code: <!DOCTYPE   html > <html   lang = "en" > <head>      <meta   charset = "UTF-8" >      <meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      <title> Practical-14 </title> </head> <body>      <script>                   //Pallindrome          var   num  =  prompt ( "Enter the number" );          var   str  =  0 ,              rem ;          var   temp  =  num ;          while  ( num  >  0 ) {   ...
Post a Comment
Read more

Write a JavaScript program to calculate sum of 1 to n numbers

Image
  Code: <!DOCTYPE   html > <html   lang = "en" > <head>      <meta   charset = "UTF-8" >      <meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      <title> Practical-14 </title> </head> <body>      <script>          var   num  =  prompt ( "Enter the number " );          var   sum  =  0 ;          for  ( let   i  =  0 ;  i  <=  num ;  i ++) {              sum  =  sum  +  i ;         }          alert ( `Sum of ...
Post a Comment
Read more

Write a JavaScript program to calculate factorial of n numbers

Image
  Code: <!DOCTYPE   html > <html   lang = "en" > <head>      <meta   charset = "UTF-8" >      <meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      <title> Practical-13 </title> </head> <body>      <script>          //Write a program to calculate factorial of n (Note: Use prompt box to get input from the user.)          var   num  =  prompt ( "Enter the Number" );          var   fact  =  1 ;          for  ( let   i  =  1 ;  i  <=  num ;  i ++) {   ...
Post a Comment
Read more

Write JavaScript program To find highest from given three values

Image
  Code: <!DOCTYPE   html > <html   lang = "en" > <head>      <meta   charset = "UTF-8" >      <meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      <title> Practical-12 </title> </head> <body>      <Script>          //Write JavaScript to perform the following operations: a)to find highest from given three values          var   num1  =  prompt ( "Enter first Number" );          var   num2  =  prompt ( "Enter Second Number" );          var   num3  =  prompt ( "Enter third number" );  ...
Post a Comment
Read more

Write a program to show use of alert, confirm and prompt box.

Image
1) Alert Box Code: <!DOCTYPE   html > <html   lang = "en" > <head>      <meta   charset = "UTF-8" >      <meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      <title> Practical-12 </title> </head> <body>      <Script>          //Alert Example          alert ( "This is alert box!" );          // alert(100);          // var a = 10;          // var b = 20;          // alert(a + b);      </Script> </body> </html> Output: 2)Confirm Box Code: ...
Post a Comment
Read more

To create an html page to explain the use of various predefined functions in an array & Date object in JavaScript.

Image
  Shift Method shift method remove first element of the array and shift other element to lower index var fruit = ["Apple", "Mengo", "Cherry", "Banana", "Orange"]; fruit.shift(); document.getElementById("demo").innerHTML = fruit;
Post a Comment
Read more

Implement 2D transformation on Web page.

Image
  Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Implement 2D transformation on web page.</title> <style> div{ width: 200px; height: 200px; border-radius: 10px; text-align: center; font-size: 30px; font-weight: bold; margin-left: 200px; /* background-color: lightgreen; */ border: 2px solid red; /* border-style: dotted; */ } .a{ background-color: lightblue; /* position: relative; top: 50px; left: 50px; */ transform: translate(50px,50px); /* transform: translateX(50px); */ /* transform: translateY(50px); */ } .b{ background-color: antiqu...
Post a Comment
Read more