document.write("Hello World!") script use a function called document.write, which writes a string into our HTML document."> document.write("Hello World!") script use a function called document.write, which writes a string into our HTML document.">

Presentation is loading. Please wait.

Presentation is loading. Please wait.

Lect2 (MCS/BCS) Javascript.

Published byGregory Short Modified over 6 years ago

Similar presentations

Presentation on theme: "Lect2 (MCS/BCS) Javascript."— Presentation transcript:

1 Lect2 (MCS/BCS) Javascript

2 HTML & JavaScript Code:
<html> <body> <script type="text/JavaScript"> document.write("Hello World!") </script> </body> </html> script use a function called document.write, which writes a string into our HTML document.

3 File myjs.js Contents: function popup() { alert("Hello World") }

4 HTML & JavaScript Code:
<html> <head> <script src="myjs.js"> </script> </head> <body> <input type="button" onclick="popup()" value="Click Me!"> </body> </html>

5 javascript arithmetic operator chart
Addition Subtraction Multiplication Division Reminder

6 javascript operator example with variables
<body> <script type="text/JavaScript"> var two = 2 var ten = 10 var linebreak = "<br />" document.write("two plus ten = ") var result = two + ten document.write(result) document.write(linebreak) document.write("ten * ten = ") result = ten * ten document.write("ten / two = ") result = ten / two </script> </body>

7 comparison operators == < > <= >= etc

8 javascript using variables
A variable's purpose is to store information so that it can be used later. A variable is a symbolic name that represents some data that you set.

9 HTML & JavaScript Code:
<body> <script > var linebreak = "<br />" var my_var = "Hello World!" document.write(my_var) document.write(linebreak) my_var = "I am learning JavaScript!" my_var = "Script is Finishing up..." </script> </body>

10 Output Hello World! I am learning JavaScript! Script is Finishing up...

11 what's a function? A function is a piece of code that sits hidden until it is referenced or called upon to do its "function". In addition to controllable execution, functions are also a great time saver for doing repetitive tasks.

12 example function in javascript
A function that does not execute when a page loads should be placed inside the head of your HTML document. Creating a function is really quite easy. All you have to do is tell the browser you're making a function, give the function a name, and then write the JavaScript like normal. Example

13 HTML & JavaScript Code:
<html> <head> <script type="text/javascript"> function popup() { alert("Hello World") } </script> </head> <body> <input type="button" onclick="popup()" value="popup"> </body> </html>

14 events in javascript <html> <head> <script type="text/javascript"> <!-- function popup() { alert("Hello World") } //--> </script> </head> <body> <input type="button" value="Click Me!" onclick="popup()"><br /> <a href="#" onmouseover="" onMouseout="popup()"> Hover Me!</a> </body> </html>

Download ppt "Lect2 (MCS/BCS) Javascript."

Similar presentations

Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.

Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.
JavaScript- Introduction. What it is and what it does? What it is? It is NOT Java It is NOT Server-side programming Users can see code It is a client-side.

JavaScript- Introduction. What it is and what it does? What it is? It is NOT Java It is NOT Server-side programming Users can see code It is a client-side.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Inline, Internal, and External FIle

Inline, Internal, and External FIle
Introduction to JavaScript. Aim To enable you to write you first JavaScript.

Introduction to JavaScript. Aim To enable you to write you first JavaScript.
JavaScript Events and Event Handlers 1 An event is an action that occurs within a Web browser or Web document. An event handler is a statement that tells.

JavaScript Events and Event Handlers 1 An event is an action that occurs within a Web browser or Web document. An event handler is a statement that tells.
JavaScript, Fifth Edition Chapter 1 Introduction to JavaScript.

JavaScript, Fifth Edition Chapter 1 Introduction to JavaScript.
CSC317 – INTERNET PROGRAMMING CSC318 – DYNAMIC WEB APPLICATION DEVELOPMENT BY: MUHD EIZAN SHAFIQ BIN ABD AZIZ FACULTY of COMPUTER and MATHEMATICAL SCIENCES.

CSC317 – INTERNET PROGRAMMING CSC318 – DYNAMIC WEB APPLICATION DEVELOPMENT BY: MUHD EIZAN SHAFIQ BIN ABD AZIZ FACULTY of COMPUTER and MATHEMATICAL SCIENCES.
Lectured By: Vivek Dimri Asst. Professor, SET, Sharda University

Lectured By: Vivek Dimri Asst. Professor, SET, Sharda University
Event Handlers CS101 Introduction to Computing. Learning Goals Learn about event handlers Determine how events are useful in JavaScript Discover where.

Event Handlers CS101 Introduction to Computing. Learning Goals Learn about event handlers Determine how events are useful in JavaScript Discover where.
Internet Mark-up Languages CO32036 Part Lecture: Elementary JavaScript.

Internet Mark-up Languages CO32036 Part Lecture: Elementary JavaScript.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.

JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
JavaScript Introduction

JavaScript Introduction
DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.

DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.
Week 9 PHP Cookies and Session Introduction to JavaScript.

Week 9 PHP Cookies and Session Introduction to JavaScript.
Javascript. Outline Introduction Fundamental of JavaScript Javascript events management DOM and Dynamic HTML (DHTML)

Javascript. Outline Introduction Fundamental of JavaScript Javascript events management DOM and Dynamic HTML (DHTML)
TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?

TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?
Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.

Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.
JavaScript Introduction 1. What is Java Script ? JavaScript is a client-side scripting language. A scripting language is a lightweight programming language.

JavaScript Introduction 1. What is Java Script ? JavaScript is a client-side scripting language. A scripting language is a lightweight programming language.
JavaScript, jQuery, and Mashups Incorporating JavaScript, jQuery, and other Mashups into existing pages.

JavaScript, jQuery, and Mashups Incorporating JavaScript, jQuery, and other Mashups into existing pages.

Similar presentations

Ads by Google