javascript

23
Chanief Budi Setiawan, S.T. © 2012

Upload: apradiz-newcyber

Post on 17-Dec-2014

596 views

Category:

Technology


7 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Javascript

Chanief Budi Setiawan, S.T. © 2012

Page 2: Javascript
Page 3: Javascript
Page 4: Javascript
Page 5: Javascript

document.write("<p>This is a paragraph</p>");

x=document.getElementById("demo")x.innerHTML="Hello";

<button type="button" onclick="myFunction()">Click Me!</button>

Page 6: Javascript

<script type="text/javascript">

//--your code here

</script>

<script type="text/javascript">

<!--

//--your code here

-->

</script>

Page 7: Javascript

// one line comments

/* this is a multiline comment. Its useful for longer comments and also to block out segments of code when you’re testing */

alert("Hello me");

Page 8: Javascript
Page 9: Javascript

<script type="text/JavaScript">

alert( 'Third script Block ');

function doSomething(){

alert( 'Function in Third script Block ');

}

// Call the function doSomething

doSomething();

</script>

Page 10: Javascript
Page 11: Javascript
Page 12: Javascript
Page 13: Javascript

<!-- file: P10-1-Coba.html -->

<html>

<head>

<title>P10-1: Belajar JavaScript</title>

<script type="text/javascript">

<!--

alert("Selamat Datang di PAW Lanjut")

-->

</script>

</head>

<body>

Belajar menulis JavaScript

</body>

</html>

Page 14: Javascript
Page 15: Javascript

<!-- file: P10-2-Write.html -->

<html>

<head>

<title>P10-2: Belajar JavaScript</title>

</head>

<body>

Belajar menulis JavaScript<br>

<script type="text/javascript">

<!--

document.write("<b>JavaScript</b> dapat ditulis");

document.write(" dalam tag <u>head</u> maupun <u>body</u><br>");

-->

</script>

Semua <i>browser</i> modern dapat menjalankan JavaScript

</body>

</html>

Page 16: Javascript
Page 17: Javascript

<!-- file: P10-3-PopUp.html -->

<html>

<head>

<title>P10-3: PopUp Box JavaScript</title>

<script type="text/javascript">

function CobaAlert() {

alert("Pengembangan Aplikasi Web Lanjut");

}

function CobaConfirm() {

var jawaban = confirm("Anda sudah belajar ?");

if (jawaban == 1) { // Jika memilih OK

alert("Anda jawab Ya.");

} else{ // Jika memilih Cancel

alert("Anda jawab Tidak.");

}

}

Page 18: Javascript

function CobaPrompt() {

var nama = prompt("Siapa nama Anda ?", "");

alert ("Selamat datang, " + nama);

}

</script>

</head>

<body>

<input type="button" onclick="CobaAlert()" value="Alert" />

<input type="button" onclick="CobaConfirm()" value="Confirm" />

<input type="button" onclick="CobaPrompt()" value="Prompt" />

</body>

</html>

Page 19: Javascript
Page 20: Javascript

<!-- file: P10-4-Aritmetika.html -->

<html>

<head>

<title>P10-4: Aritmetika JavaScript</title>

</head>

<body>

<script type="text/javascript">

bil1 = 12;

bil2 = 13;

hasil = bil1 + bil2;

document.write( bil1 + " ditambah " + bil2 + " sama dengan " + hasil );

</script>

</body>

</html>

Page 21: Javascript
Page 22: Javascript
Page 23: Javascript

function PerkalianAngka () {

bil1 = prompt("Angkanya ialah bla bla", "");

bil2 = prompt("Angkanya ialah bla bla", "");

hasil = bil1 * bil2;

alert (" bla bla bla ");

}