Scribd
Upload
2 views

javascript

The document contains lecture notes on JavaScript, covering topics such as summation, factorial functions, embedding JavaScript in HTML, event handling, object methods, constructors, and prototypes. It provides code examples demonstrating these concepts. Each slide presents a different aspect of JavaScript programming.

Uploaded by

Elyase iskender
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
2 views

javascript

The document contains lecture notes on JavaScript, covering topics such as summation, factorial functions, embedding JavaScript in HTML, event handling, object methods, constructors, and prototypes. It provides code examples demonstrating these concepts. Each slide presents a different aspect of JavaScript programming.

Uploaded by

Elyase iskender
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 7

Simple Javascript Example

sum = 0;
for (i = 1; i < 10; i++) {
sum += i*i;
}

CS 142 Lecture Notes: Javascript Slide 1


Factorial in Javascript

function fac(x) {
if (x <= 1) {
return 1;
}
return x*fac(x-1);
}

CS 142 Lecture Notes: Javascript Slide 2


Embedding Javascript
External Javascript File
<body>
...
<script type="text/javascript" src=“myCode.js" />

<script type="text/javascript">
//<![CDATA[
alert("Page is loading"); Inline Code
//]]>
</script>

<p onclick="alert('I told you not to click on me!');">


Please do not click on this text.</p>
...
</body>

Event Handler
CS 142 Lecture Notes: Javascript Slide 3
Method Example

Object o = new Object();


o.count = 0;
o.increment = function(inc) {
if (inc == undefined) {
inc = 1;
}
this.count += inc;
return this.count;
}
CS 142 Lecture Notes: Javascript Slide 4
Constructor

function Rectangle(width, height)


{
this.width = width;
this.height = height;
}

r = new Rectangle(26, 14);

CS 142 Lecture Notes: Javascript Slide 5


Prototypes

function Rectangle(width, height) {


this.width = width;
this.height = height;
}
Rectangle.prototype.area = function() {
return this.width*this.height;
}

r = new Rectangle(26, 14);


a = r.area();

CS 142 Lecture Notes: Javascript Slide 6


CS 142 Lecture Notes: Javascript Slide 7

You might also like