Popup boxes in JavaScript : Do you use all ?

How many times have you used alert popup in your JavaScript code?

Most of the web developer’s answer would just less than infinite. This is the most used keyword and become rescue tool when we stay late at office to resolve a silly JavaScript issue. Alert prompts user a popup with some information. Earlier it was also used heavily for showing validation error messages.

But do you know what all are other popup options available with JavaScript?

These are in total three as below


Let’s discuss one by one


It is the simplest one and most widely used to show some message to user in one way. Once the message on browser, it shows OK button which is required to be pressed before moving further as



Syntax is pretty simple

   alert("Your meesage to user");


This is another important  message box which instead of just showing a message to user, it also accepts the user’s response. It is used to take a Boolean response (true/false) from the user. When displays it show two buttons Ok and Cancel. Ok return true and Cancel returns false. Lets see it


    if(confirm("Do you want to proceed"))
        // Proceed further
        // Stop 


This is another popup message box which is used least. But this can be very helpful in certain scenarios. This allows to take some input from the user. When it is shown to user, it provides an input box in popup where user can enter some text with OK and Cancel button. If OK is pressed then the entered value is passed to the backend else it returns null. It also allows us provide a default value in text box.

    var enteredSocialMedia = prompt("Which social media site you use most", "Twitter")
    if (enteredSocialMedia == null)
        alert("No worries!! You can save your preference any time");
        alert("We have saved your preference");

I have used Internet Explorer for this example and if you have used alert or any of them with earlier version of IE like IE 6/7, its looks much better now. It looks different on different browser because its the browser which shows its own popup. Although in most of the cases, we don’t use these popup due to its limitation and look n feel but can help in many scenarios and suitable for small applications.



Creating Random number in JavaScript

Hello All

Have you ever needed to create random number in JavaScript?


In C#, creating random number is simple and provides multiple options. Random class is used for the same, it’s Next method used to create random number. It also takes min and max value as parameter to create a random number in a range.

In Javascript it is more simple :). Let’s see that

Math.random is used to create a random number. But it returns a decimal numal number between between 0 (including) to 1(excluding). Let’s see that

function displayRandom()

It will create different number each time. So if you want to create a random number say upto 10000 then you can get it by simply writing

var randomnumber = Math.random() * 10000;

Pretty simple Right!!

But it will always create a number less than 10000 (till 9999.999..) and if you take the integer part then the max value you will get 9999. But what if want inclusive of 10000?

Then you can leverage the other method Math.ceil which generates the ceiling number as





For all you will get 7. So if you write the original method as

function displayRandom()

You will get the number between 0 to 10000 both inclusive. You can also use Math.floor or Math.abs to have your own logic for getting random number in a range.

This is small post but I found it bit interesting and useful sometime.


Dependency Injection (DI) in {{AngularJS}} – Part 16

Dependency Injection (DI) is one of the hottest terms being used in software development nowadays. Most of the application developers talking about this and try using it in their applications. One of the key reasons Agile methodology, as it is used in almost every project in one or other way and DI easily fits into this model and help in achieving its goal. I have been getting many request to write about DI in AngularJS so let’s start exploring that.

Note – This post is a part of series of posts on AngularJS and it is 16th one. Click here to view all the post. Apart from that you can also use the navigation links for next and previous post in each post at the bottom to check all. Continue reading

Learning {{AngularJS}} with Examples–Part 1

Client side programming is becoming the one of the main parts of web applications. Now a days, We are seeing the explosion of JavaScript libraries. And the reason is that some JavaScript libraries got very popular and developers took them hand to hand because of its cool features with almost negligible performance cost, Now in our projects,  count of JavaScript files (plugins and custom files) are increasing rapidly which is making it  unmanageable and unmaintainable. AngularJS provides best of the both the worlds and now a days, it is one of the most talked and used JavaScript framework in web applications. So I have thought to start a series of post on AngularJS. I’ll start from basics and gradually discuss all the features, keeping in mind the.NET Developers.  So let us start learning it. The first questions arises that

What is AngulalJS?

AngularJS is not just another JavaScript library but it provides a framework to write a proper architectured, maintainable and testable client side code. Some of the key points are

Continue reading

Join me and Learn jQuery, Node.Js and Knockout.js

Hi All,

C# Corner Delhi chapter is hosting next event  on 23rd November at Noida and Become Better JS developer in a day. This time we are discussing various hot Client side libraries jQuery, Node.js and Knockout.js. After all the session, there will be Test which results will be online. This will be a full day event with full hands on exercises etc.

Date and Timing – 23rd November 2013, 10:30 PM to 6:00 PM

Is there any fee – No. It is Absolutely free

Venue –

MCN Solutions Pvt. Ltd.
H-217, Second Floor,
Sector-63, Noida
Landmark: Behind Indian-Oil Petrol Pump
Contact No: +91-9810371053

The agenda of the day will be :


For more details and registration Click Here

Join and Learn with us.


JavaScript Day : Presented on Arrays in JavaScript

Hi All,

We had organized again a very successful event at C# Corner Delhi Chapter meet fifth times in a row. This was named as JavaScript Day and attended by more that 120 attendees . The entire day we discussed on Core JavaScript and we’ll cover more topics in coming monthly meet.

I discussed on JavaScript array and covered the following topics.

Continue reading