Slide ini merupakan tutorial dasar dari penggunaan javaScript. Bagaimana javascript berjalan dan penggunaannya, javaScript statement, javaScript variable, javaScript looping, dan javaScript operator.

1. https://fnurpandi.wordpress.com/
JavaScript
Finsa Nurpandi
finsa@unsur.ac.id
Universitas Suryakancana Cianjur

2. https://fnurpandi.wordpress.com/

3. https://fnurpandi.wordpress.com/
Operation System
Web Browser
SCRIPTING LANGUAGE
C++ Apps Java Apps .NET Apps
Web Page
JavaScript
can’t access local files
can’t directly access database
can’t access hardware

4. https://fnurpandi.wordpress.com/
JavaScript
is a
client-side language

5. https://fnurpandi.wordpress.com/
JavaScript
is not
java

6. https://fnurpandi.wordpress.com/
JavaScript
is
Interpreted
not
compiled

7. https://fnurpandi.wordpress.com/
Javascript
is
Case
Sensitive!

8. https://fnurpandi.wordpress.com/
alert(“Hello world”);
Alert(“Hello world”);

9. https://fnurpandi.wordpress.com/
JAVASCRIPT STATEMENT
alert(“hello world”); alert(“another message”);
This is realy realy realy realy realy realy realy realy complex message

10. https://fnurpandi.wordpress.com/
JAVASCRIPT IS WHITESPACE INSENSITIVE
alert(“hello world”);
alert( “hello world” );
alert
( “hello world”
);
alert(“hello world”);

11. https://fnurpandi.wordpress.com/
JAVASCRIPT COMMENT
//this is a comment
alert(“hello”); //this is a comment too
/*
this is
a multiple line
comment */

12. https://fnurpandi.wordpress.com/
WHERE TO PUT JAVASCRIPT
See the example...

13. https://fnurpandi.wordpress.com/
VARIABLES
var year;
var customerEmail;
var todaysdate;
var foo;
var x;
var 99problems;
var problems99;
letters
numbers
_
$

14. https://fnurpandi.wordpress.com/
VARIABLES DECLARATION
var, let, const

15. https://fnurpandi.wordpress.com/
VAR

16. https://fnurpandi.wordpress.com/
VAR

17. https://fnurpandi.wordpress.com/
LET

18. https://fnurpandi.wordpress.com/
LET

19. https://fnurpandi.wordpress.com/
LET

20. https://fnurpandi.wordpress.com/
LET

21. https://fnurpandi.wordpress.com/
CONST

22. https://fnurpandi.wordpress.com/
CONST

23. https://fnurpandi.wordpress.com/
CONST

24. https://fnurpandi.wordpress.com/
CONDITIONAL CODE
if ( condition ) {
// code goes here
// ...
} else {
// otherwise, different code
}

25. https://fnurpandi.wordpress.com/
OPERATORS AND
EXPRESSIONS

26. https://fnurpandi.wordpress.com/
ARITHMETIC OPERATORS
* / + -

27. https://fnurpandi.wordpress.com/
ASSIGNMENT OPERATORS
= += -= *= /=

28. https://fnurpandi.wordpress.com/
EQUALITY
= assignment
== equality
=== strict equality

29. https://fnurpandi.wordpress.com/
LOGICAL AND / OR
if ( a === b && c === d ) { ...
if ( a === b || c === d ) { ...
if ( (a > b) && (c < d) ) { ...

30. https://fnurpandi.wordpress.com/
MODULUS
var year = 2003;
var remainders = year % 4; // remainder is 3

31. https://fnurpandi.wordpress.com/
INCREMENT/DECREMENT
a = a + 1 a = a – 1
a += 1 a -= 1
a++; //postfix a--;
++a; //prefix --a;

32. https://fnurpandi.wordpress.com/
WORKING WITH LOOPS

33. https://fnurpandi.wordpress.com/
WHILE LOOP
var a = 1;
while ( a < number ) {
document.write(a);
a++;
}

34. https://fnurpandi.wordpress.com/
DO… WHILE LOOP
var a = 1;
do {
document.write(a);
a++;
} while ( a < number );

35. https://fnurpandi.wordpress.com/
FOR LOOP
for ( var i = 1; i < 10; i++) {
// do stuff
// do stuff
// do stuff
// etc..
}

36. https://fnurpandi.wordpress.com/
BREAK
for ( var i = 1; i < 100; i++) {
// do stuff
// do stuff
if ( i == 5) {
break;
}
// do stuff
}
// break jumps out the loop

37. https://fnurpandi.wordpress.com/
CONTINUE
for ( var i = 1; i < 100; i++) {
// do stuff
// do stuff
if ( i == 5) {
continue;
}
// do stuff
}

38. https://fnurpandi.wordpress.com/
FUNCTIONS
function myfunction (){
document.write (“test function”);
}
myFunction();

39. https://fnurpandi.wordpress.com/
FUNCTIONS WITH PARAMETER
function myfunction ( x,y ){
var result = x*y;
document.write(result);
}
myFunction(200,300);

40. https://fnurpandi.wordpress.com/
REFERENCES
• https://www.w3schools.com/js/
• https://javascript.info/
• https://www.tutorialspoint.com/javascript/

41. https://fnurpandi.wordpress.com/
The end.