× Note Login Made Mandatory to Access the Free Study Materials

-ADMIN

Page Loading! Please Wait

WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

17CSL77

15CSL77

[As per Choice Based Credit System (CBCS) scheme]

CREDITS – 02

Subject Code - 17CSL77

SEMESTER - VII

WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

17CSL77

Program - 3

Write a JavaScript code that displays text "TEXT-GROWING" with increasing font size in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays "TEXT-SHRINKING" in BLUE color. Then the font size decreases to 5pt.

You Have Successfully Logged in.

Welcome,User

Your User ID: ID

Program 3

Write a JavaScript code that displays text "TEXT-GROWING" with increasing font size in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays "TEXT-SHRINKING" in BLUE color. Then the font size decreases to 5pt

Download the Program - code

<!DOCTYPE html>
   <html lang="en">
   
   <head>
	   <meta charset="UTF-8">
	   <meta name="viewport" content="width=device-width, initial-scale=1.0">
	   <title>Program - 3</title>
	   <style>
		   p {
			   position: absolute;
			   top: 50%;
			   left: 50%;
			   transform: translate(-50%, -50%);
		   }
	   </style>
   </head>
   
   <body>
	   <p id="demo"></p>
	   <script>
		   
		   var grow = setInterval(growing, 1000);
		   var font_size = 5;
		   var p = document.getElementById("demo");
		   function growing() {
			   p.innerHTML = "TEXT GROWING";
			   p.setAttribute('style', "font-size: " + font_size + "px; color:red");
			   font_size += 5;
			   if (font_size >= 50) {
				   clearInterval(grow);
				   shrink = setInterval(shrinking, 1000);
			   }
		   }
   
		   function shrinking() {
			   font_size -= 5;
			   p.innerHTML = 'TEXT SHRINKING';
			   p.setAttribute('style', "font-size:" + font_size + "px; color: blue");
			   if (font_size === 5) {
				   clearInterval(shrink);
				   grow = setInterval(growing, 1000);
			   }
   
		   }
	   </script>
   </body>
   
   </html>

Output

Live Server

× Note Page Number is specified to navigate between Pages...
SYS = Syllabus
P = Program

-ADMIN

× Note ANY PROBLEM IN Login or Downloading, YOU ARE FREE TO CONTACT US...

-ADMIN

lIKE OUR CONTENT SUPPORT US BY FOLLOWING US ON INSTAGRAM : @futurevisionbie

More Materials will BE UPLOADED "AS SOON AS POSSIBLE"

For immediate Notification Join the Telegram Channel

7^th Core Subject

▣ 17CS71 - Web Technology and its applications - WTA

▣ 17CS72 - Advanced Computer Architectures - ACA

▣ 17CS73 - Machine Learning - ML

7^th Professional Elective - 3

▣ 17CS741 - Natural Language Processing - NLP

▣ 17CS742 - Cloud Computing and its Applications - CCA

▣ 17CS743 - Information and Network Security - INS

▣ 17CS744 - Unix System Programming - USP

7^thProfessional Elective - 4

▣17CS751 - Soft and Evolutionary Computing - SEC

▣17CS752 - Computer Vision and Robotics - CVR

▣ 17CS753 - Digital Image Processing - DIP

▣17CS754 - Storage Area Networks - SAN

7^th Lab & Project

▣17CSL76 - Machine Learning Laboratory - ML Lab

▣17CSL77 - Web Technology Laboratory with mini project - WTA Lab

▣17CSP78 - Project Work Phase–I + Project work Seminar - Project

Page Loading! Please Wait

WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

17CSL77

15CSL77

[As per Choice Based Credit System (CBCS) scheme]

CREDITS – 02

Subject Code - 17CSL77

SEMESTER - VII

WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

17CSL77

Program - 3

Write a JavaScript code that displays text "TEXT-GROWING" with increasing font size in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays "TEXT-SHRINKING" in BLUE color. Then the font size decreases to 5pt.

Authentication Successful But Step-2 is Pending. Complete Step-2 to Access Study Materials

Or Logout & Login with an Another Account

You have not logged in to the Future Vision BIE.

Sorry to inform you, Your Account Has been Blocked. By the Admin.

Your User ID: ID

To Unblock the Account Contact Admin via Mail FutureVisionBIE@gmail.com

You Have Successfully Logged in.

Welcome,User

Your User ID: ID

Program 3

Write a JavaScript code that displays text "TEXT-GROWING" with increasing font size in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays "TEXT-SHRINKING" in BLUE color. Then the font size decreases to 5pt

Output

Live Server

lIKE OUR CONTENT SUPPORT US BY FOLLOWING US ON INSTAGRAM : @futurevisionbie

More Materials will BE UPLOADED "AS SOON AS POSSIBLE"

For immediate Notification Join the Telegram Channel

7th Core Subject

▣ 17CS71 - Web Technology and its applications - WTA

▣ 17CS72 - Advanced Computer Architectures - ACA

▣ 17CS73 - Machine Learning - ML

7th Professional Elective - 3

▣ 17CS741 - Natural Language Processing - NLP

▣ 17CS742 - Cloud Computing and its Applications - CCA

▣ 17CS743 - Information and Network Security - INS

▣ 17CS744 - Unix System Programming - USP

7thProfessional Elective - 4

▣17CS751 - Soft and Evolutionary Computing - SEC

▣17CS752 - Computer Vision and Robotics - CVR

▣ 17CS753 - Digital Image Processing - DIP

▣17CS754 - Storage Area Networks - SAN

7th Lab & Project

▣17CSL76 - Machine Learning Laboratory - ML Lab

▣17CSL77 - Web Technology Laboratory with mini project - WTA Lab

▣17CSP78 - Project Work Phase–I + Project work Seminar - Project

7^th Core Subject

7^th Professional Elective - 3

7^thProfessional Elective - 4

7^th Lab & Project