acm 365

ACM 262 Course Notes

WEEK -1

ACM 365


Javascript


Javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/

html4/strict.dtd"><html><head><title>My Web Page</title><script type="text/javascript">alert('hello world!');</script></head>


Javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/

html4/strict.dtd"><html><head><title>My Web Page</title><script type="text/javascript"

src="navigation.js"></script></head>


Javascript


Javascript

<script type="text/javascript">var firstName = 'Cookie';var lastName = 'Monster';document.write('<p>');document.write(firstName + ' ' + lastName);document.write('</p>');</script>


Javascript

<script type="text/javascript">var name = prompt('What is your name?',

'');document.write('<p>Welcome ' + name +

'</p>');</script>


Javascript


Javascript

Creating an Array

To create and store items in an array, you first declare the array’s name (just as you would a variable) and then supply a list of comma separated values: each value represents one item in the list.

To indicate an array, you put the list of items between opening and closing brackets—[ ].

var days = ['Mon', 'Tues', 'Wed', 'Thurs', 'Fri', 'Sat', 'Sun'];

The brackets—[ ]—are very important. You can create an empty array without any elements like this:

var playList = [];


Javascript

<script type="text/javascript">var days = ['Mon', 'Tues', 'Wed', 'Thurs', 'Fri',

'Sat', 'Sun'];alert(days[0]);var i = 4;//alert(days[i]);</script>


Javascript


Javascript

<script type="text/javascript">var properties = ['red', '14px', 'Arial'];properties[3] = 'bold';properties[properties.length] = 'italic';properties.push('bold');properties.push('bold', 'italic', 'underlined');properties.unshift('12px');for(i=0;i<properties.length;i++){document.write(properties[i]);document.write('</br>');}</script>


Javascript


Adding Logic

if ( condition ) {// some action happens here}

if (score > 100) {alert('You won!');}

if (answer == 31) {alert('Correct. Saturn has 31 moons.');}


Adding Logic


Adding Logic

if (condition) {// write what happens } else if (condition2) {// write what happens } else {// write what happens }


Adding Logic

<script type="text/javascript">

var num= prompt(‘Enter a number', ‘60');if (num >= 50) {alert(‘Thanks.');}

</script>


Adding Logic

var fridayCash = prompt('How much money can you spend?', '');

if (fridayCash >= 50) {alert('You should go out to a dinner and a movie.');} else if (fridayCash >= 35) {alert('You should go out to a fine meal.');} else if (fridayCash >= 12) {alert('You should go see a movie.');} else {alert('Looks like you'll be watching TV.');}


Adding Logic

Logical AND

if (a < 10 && a > 1) {alert("The value " + a + " is between 1 and 10");}

Logical OR

if (key == 'n' || key == 'N') {//move to the next photo}

Logical NOT

if (! valid) {//print errors and don't submit form}


Adding Logic

if (dayOfWeek == 'Friday') {var fridayCash = prompt('How much money can you

spend?', '');if (fridayCash >= 50) {alert('You should go out to a dinner and a movie.');} else if (fridayCash >= 35) {alert('You should go out to a fine meal.');} else if (fridayCash >= 12) {alert('You should go see a movie.');} else {alert('Looks like you'll be watching TV.');}

}


Adding Logic


Adding Logic

while (condition) {// javascript to repeat}


Adding Logic

var num = 1;while (num <= 5) {document.write('Number ' + num + '<br>');num = num + 1;}

document.write('Number 1 <br>');document.write('Number 2 <br>');document.write('Number 3 <br>');document.write('Number 4 <br>');document.write('Number 5 <br>');


Adding Logic


Adding Logic

do {// javascript to repeat} while (condition) ;

do {var luckyNumber = prompt('What is your lucky

number?','');luckyNumber = parseInt(luckyNumber, 10);} while (isNaN(luckyNumber));


Adding Logic

var num = 6;do{document.write('Number ' + num + '<br>');num = num + 1;} while (num <= 5)

var num = 6;while (num <= 5) {document.write('Number ' + num + '<br>');num = num + 1;}


Adding Logic


Functions


Assignment

1) Write a function that takes two numbers as parameters and writes the sum of the variables into the document with document.write.

Prompt for the user to enter 2 numbers. After the prompts, display the sum on the

webpage by calling the function.

2) Do the same thing with a function that returns the sum.

acm 365

Documents