KEMBAR78
Java script writing javascript | PPTX
• Discuss the syntax in writing the
  JavaScript in the HTML
  documents.
• Apply the basic JavaScript
  command in displaying text in an
  HTML documents.
• It is an object-oriented, client
  based scripting language
  created by Netscape
  programmer, Brendan Eich.
• What can you do using
  JavaScript?
JavaScript syntax
<html>                             <html>
<head><title>JS<title>             <head><title>JS<title>
</head>                            </head>
<script type= “text/javascript”>   <script language= “Javascript”>
alert(“Welcome to the World        alert(“Welcome to the World
   of Dynamic Programming”);          of Dynamic Programming”);
</script>                          </script>
<body>                             <body>
</body>                            </body>
</html>                            </html>
The <SCRIPT> and </SCRIPT> tags are the main way of
   connecting JavaScript code to HTML. You are free to
 embed as many scripts into a single HTML document as
         you like using multiple <SCRIPT> tags.
Script tags                      What it does
<script language= “JavaScript>   Tells your browser that JavaScript
                                 code is about to appear
alert(“Welcome….”);              -Statements
                                 (object, properties, function, vari
                                 ables , methods, and events.
                                 -Semi colon terminates the
                                 statements
</script>                        Tells the browser that the
                                 JavaScript code is all done and it
                                 can go back to HTML code
DISPLAYING TEXT
• <html>
• <body>
• <script type= “text/javascript”>
• document.write(“Welcome to the World of
  Dynamic Web Programming!”)
• </script>
• Note: The word document.write is a standard JavaScript command
  for displaying text/output in a page.
• The entire line document.write(“Welcome…!”) is called as
  statements
• document is the object name and write is the property name.
• Notice that a dot (.) is used to separate the object name from a
  property name. This is the syntax to access the property of an
  object
SUMMARY
     Writing/Scripting in JavaScript
   JavaScript code is typically embedded in the
   HTML, to be interpreted and run by the client's
   browser. Here are some tips to remember when
   writing JavaScript commands.
• JavaScript appears within the <Head> and <Body>
   sections of an HTML document.
• JavaScript code is case sensitive
• White space between words and tabs are ignored
• Line breaks are ignored except within a statement
• JavaScript statements end with a semi- colon (;)
• A JavaScript code is a sequence of statements
  that can be embedded into an HTML page and
  executed directly by a Web browser to generate
  dynamic HTML page.
• Scripting in JavaScript entails working with
  objects, which you can create yourself or use
  those built-in the language.
• You can access information(properties) about the
  objects, perform actions(methods) on them and
  responds(event handler) to the events that
  happen to them.
• Objects, properties, methods, and event handlers
  are the building blocks of JavaScript programs.
CompuQuiz/Exercises/Evaluation
1. Write the JavaScript Syntax.
2. What is the script tag tells the browser that a
   JavaScript code is about to appear?
3. It what part or sections of the HTML documents
   where script tags can be written?
4. What is the basic JavaScript code or command
   for displaying text in you HTML documents?
5. What symbols it use to terminate a JavaScript
   statements?
Assignment
1. Research on the following JavaScript
  commands.
• Alert
• Confirm

2. What is the purpose of the alert and confirm
  script commands in a web page?

Java script writing javascript

  • 2.
    • Discuss thesyntax in writing the JavaScript in the HTML documents. • Apply the basic JavaScript command in displaying text in an HTML documents.
  • 3.
    • It isan object-oriented, client based scripting language created by Netscape programmer, Brendan Eich. • What can you do using JavaScript?
  • 4.
    JavaScript syntax <html> <html> <head><title>JS<title> <head><title>JS<title> </head> </head> <script type= “text/javascript”> <script language= “Javascript”> alert(“Welcome to the World alert(“Welcome to the World of Dynamic Programming”); of Dynamic Programming”); </script> </script> <body> <body> </body> </body> </html> </html>
  • 5.
    The <SCRIPT> and</SCRIPT> tags are the main way of connecting JavaScript code to HTML. You are free to embed as many scripts into a single HTML document as you like using multiple <SCRIPT> tags. Script tags What it does <script language= “JavaScript> Tells your browser that JavaScript code is about to appear alert(“Welcome….”); -Statements (object, properties, function, vari ables , methods, and events. -Semi colon terminates the statements </script> Tells the browser that the JavaScript code is all done and it can go back to HTML code
  • 6.
    DISPLAYING TEXT • <html> •<body> • <script type= “text/javascript”> • document.write(“Welcome to the World of Dynamic Web Programming!”) • </script> • Note: The word document.write is a standard JavaScript command for displaying text/output in a page. • The entire line document.write(“Welcome…!”) is called as statements • document is the object name and write is the property name. • Notice that a dot (.) is used to separate the object name from a property name. This is the syntax to access the property of an object
  • 7.
    SUMMARY Writing/Scripting in JavaScript JavaScript code is typically embedded in the HTML, to be interpreted and run by the client's browser. Here are some tips to remember when writing JavaScript commands. • JavaScript appears within the <Head> and <Body> sections of an HTML document. • JavaScript code is case sensitive • White space between words and tabs are ignored • Line breaks are ignored except within a statement • JavaScript statements end with a semi- colon (;)
  • 8.
    • A JavaScriptcode is a sequence of statements that can be embedded into an HTML page and executed directly by a Web browser to generate dynamic HTML page. • Scripting in JavaScript entails working with objects, which you can create yourself or use those built-in the language. • You can access information(properties) about the objects, perform actions(methods) on them and responds(event handler) to the events that happen to them. • Objects, properties, methods, and event handlers are the building blocks of JavaScript programs.
  • 9.
    CompuQuiz/Exercises/Evaluation 1. Write theJavaScript Syntax. 2. What is the script tag tells the browser that a JavaScript code is about to appear? 3. It what part or sections of the HTML documents where script tags can be written? 4. What is the basic JavaScript code or command for displaying text in you HTML documents? 5. What symbols it use to terminate a JavaScript statements?
  • 10.
    Assignment 1. Research onthe following JavaScript commands. • Alert • Confirm 2. What is the purpose of the alert and confirm script commands in a web page?