Introduction - Introduction to Java Script - Lecture Slides, Slides of Javascript programming

Download Introduction - Introduction to Java Script - Lecture Slides and more Slides Javascript programming in PDF only on Docsity!

Introduction to JavaScript

Introduction

• What is it?
• How does it work?
• What is Java?
• Learning JavaScript
  • JavaScript Statements
  • JavaScript and HTML forms

JavaScript Allows Interactivity

• Improve appearance
  • Especially graphics
  • Visual feedback
• Site navigation
• Perform calculations
• Validation of input
• Other technologies

javascript.internet.com

How Does It Work?

• Embedded within HTML page
  • View source
• Executes on client
  • Fast, no connection needed once loaded
• Simple programming statements combined with HTML tags
• Interpreted (not compiled)
  • No special tools required

Learning JavaScript

• Special syntax to learn
• Learn the basics and then use other people's (lots of free sites)
• Write it in a text editor, view results in browser
• You need to revise your HTML
• You need patience and good eyesight!

JavaScript Statements

My Page

Note the symbol for line continuation

JavaScript Statements

My Page

My Page

My Page

JavaScript written inside HTML An Event

Example Statements

**

Another event Note quotes: " and '

Naming Form Elements in HTML

Name: Phone: Email:

Forms and JavaScript

document. formname.elementname .value

Thus:

document. addressform.yourname .value

document.addressform.phone.value

document.addressform.email.value

Tips

• Check your statements are on one line
• Check your " and ' quotes match
• Take care with capitalisation
• Lay it out neatly - use tabs
• Remember  in the workbook denotes a continuing line
• Be patient