Introduction to Programming JAVASCRIPT Introduction to Programming
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript <html> <head> <title>My Web Page</title> <script type="text/javascript"> alert('hello world!'); </script> </head>
Javascript <html> <head> <title>My Web Page</title> <script type="text/javascript" src="navigation.js"></script> </head>
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript
Javascript
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
Javascript
Javascript
Javascript
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
Adding Logic if (condition) { // write what happens } else if (condition2) { } else { }
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
Adding Logic var num = 6; do{ document.write('Number ' + num + '<br>'); num = num + 1; } while (num <= 5) while (num <= 5) { }
Adding Logic
Introduction to Programming JAVASCRIPT Introduction to Programming