![Arrays
var score = new Array(3);
score[0] = 35;
score[1] = 56;
score[2] = 10;
sum=score[0]+score[1]+score[2];
alert(sum) ;](https://image.slidesharecdn.com/javascriptvishal-170329160902/85/Javascript-Basics-10-320.jpg)
Javascript Basics
- 1. JAVASCRIPT Presented By :- Vishal 15-CSE-2835
- 2. Content • What is JavaScript ? • History & Versions • JavaScript Over Java • Elements of JavaScript • Applications • Advantages • Cautions
- 3. What is JavaScript ? • JavaScript is the programming language for HTML and the Web. • It is similar to C language.
- 4. History • First web scripting language. • It was developed by Netscape & Sun. • The first version of the Web browser, Mosaic Netscape 0.9, was released in late 1994.
- 5. Versions Version Release Supported Browser 1.0 March 1996 Netscape 2 1.1 August 1996 Netscape 3 1.2 June 1997 Netscape 4 1.3 October 1998 Netscape 4.06 1.5 November 2000 Netscape 6 1.6 November 2005 Firefox 1.5 1.7 October 2006 Firefox 2 1.8 June 2008 Firefox 3 1.8.1 2009 Firefox 3.5 1.8.2 June 22, 2009 Firefox 3.6 1.8.5 July 27, 2010 Firefox 4
- 6. HTML, CSS & JAVASCRIPT JavaScript is one of the 3 languages all web developers must learn: • 1. HTML to define the content of web pages • 2. CSS to specify the layout of web pages • 3. JavaScript to program the behavior of web pages
- 7. JavaScript Over Java Java JavaScript 1.) Java is an OOP programming language 1.) Java Script is an OOP scripting language 2.) Java codes is run in a virtual machine or browser 2.) JavaScript code is run on a browser only 3.) Java code needs to be compiled 3.) JavaScript code are all in text
- 8. Elements of JavaScript • Variables • Arrays • Functions
- 9. Variables <script language=“JavaScript”> <!-- definition of variables--> var num_car= 25; var passenger_per_car= 3; //calculation of total number of people var total_passenger= num_car * passenger_per_car Alert(total_passenger); // end of script --> </script>
- 10. Arrays var score = new Array(3); score[0] = 35; score[1] = 56; score[2] = 10; sum=score[0]+score[1]+score[2]; alert(sum) ;
- 11. Function <html> <head> <script langauge="JavaScript"> <!-- hide me function announceTime( ) { //get the date, the hour, minutes, and seconds var the_date = new Date(); var the_hour = the_date.getHours(); var the_minute = the_date.getMinutes(); var the_second = the_date.getSeconds(); //put together the string and alert with it var the_time = the_hour + ":" + the_minute + ":" + the_second; alert("The time is now: " + the_time); } // show me --> </script>
- 12. Cont… </head> <body> <h3>Click the button to get current Date and time</h3> <input type="button" value=“Show Date" onclick=“announceTime()“/> </body> </html>
- 13. Applications • Show slideshow of Images • Show dropdown menu • Data checking in forms in client side • Pop ups in web pages • Auto pages refresh after a certain time
- 14. Advantages • JavaScript is executed on the client side. • JavaScript is a relatively easy language. • JavaScript is relatively fast to the end user. • Extended functionality to web pages.
- 15. • JavaScript is very case sensitive • Use separate lines for each command • Be careful with parenthesis and quotes • Use single quotes within double quotes • Use a semi-colon after commands as shown in examples Cautions...
- 16. Thanks…
Editor's Notes
- #16: &lt;number&gt;