Tag Archives: Cool Javascript examples

Introduction to AngularJS with a simple example

Many of you might be wondering what is AngularJS and what is the use of it. This is an open source framework for browser-based (client-side) applications, maintained by Google. So without worrying much, let’s learn what is this framework all about and scope of AngularJS. What is AngularJS? AngularJS is a structural Javascript framework used for dynamic web… Read More »

JavaScript to find the position of the left most vowel in a string

output of JavaScript to find the position of the left most vowel in the string

An HTML code which takes a string as input and finds the position of the left most vowel in a given string using javascript function.

Javascript to reverse a given number

This program uses a Javascript to reverse a given number. This is also known as the implementation of a palindrome. The program is quite simple. It asks you to enter a number and reverses the same for you. You can refer to the images for inputs and outputs. We have explained two different methods to reverse a number… Read More »

Javascript to generate squares of 1 to n numbers

To develop and demonstrate an XHTML file which reads a number ‘n’ and displays squares of 1 to ‘n’ numbers using Javascript.

How to generate Fibonacci numbers using Javascript

This program explains how to generate Fibonacci numbers using Javascript. The javascript is embedded in HTML code. You can refer to the input and output images attached. Input: A number Output: Fibonacci numbers series for the entered number

//fibonacci.html
<!DOCTYPE HTML>
<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>
<title> fibonacci.html </title>
</head>
<body style="background-color:green"> <!-- it is advised to not use inline styling -->
<h3 style="text-align:center; color:white"> Program to generate the Fibonacci Series </h3>
<script type="text/javascript">
var limit = prompt("Enter the limit 'n' to generate the fibonacci series:", " ");
var f1=0;
var f2=1;
document.write("The limit entered to generate the fibonacci series is: ",limit, "<br/>");
document.write("The fibonacci series : ");
document.write("",f1," ");
document.write("",f2," ");
var i,f3;
for(i=2; i<limit; i++)
{
f3=f1+f2;
document.write("",f3," ");
f1=f2;
f2=f3;
}
</script>
</body>
</html>

//fibonacci.html

<!DOCTYPE HTML>

<?xml version="1.0" encoding="UTF-8"?>

<html>

<head>

<title> fibonacci.html </title>

</head>

<h3 style="text-align:center; color:white"> Program to generate the Fibonacci Series </h3>

var limit = prompt("Enter the limit 'n' to generate the fibonacci series:", " ");

var f1=0;

var f2=1;

document.write("The limit entered to generate the fibonacci series is: ",limit, "<br/>");

document.write("The fibonacci series : ");

document.write("",f1," ");

document.write("",f2," ");

var i,f3;

for(i=2; i<limit; i++)

{

f3=f1+f2;

document.write("",f3," ");

f1=f2;

f2=f3;

}

</script>

</body>

</html>

Suggested Read: JavaScript to find the position of the left most vowel in a string How to generate… Read More »

Ajax Technology

AJAX stands for Asynchronous JavaScript and XML. This technology was introduced first by Microsoft back in 1999, and had been known as DHTML / JavaScript web application with remote calls. AJAX is not a new programming language, but a new technique for creating better, faster, and more interactive web applications.