javascript
DESCRIPTION
TRANSCRIPT
![Page 1: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/1.jpg)
Chanief Budi Setiawan, S.T. © 2012
![Page 2: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/2.jpg)
![Page 3: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/3.jpg)
![Page 4: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/4.jpg)
![Page 5: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/5.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/6.jpg)
<script type="text/javascript">
//--your code here
</script>
<script type="text/javascript">
<!--
//--your code here
-->
</script>
![Page 7: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/7.jpg)
// 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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/8.jpg)
![Page 9: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/9.jpg)
<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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/10.jpg)
![Page 11: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/11.jpg)
![Page 12: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/12.jpg)
![Page 13: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/13.jpg)
<!-- 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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/14.jpg)
![Page 15: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/15.jpg)
<!-- 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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/16.jpg)
![Page 17: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/17.jpg)
<!-- 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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/18.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/19.jpg)
![Page 20: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/20.jpg)
<!-- 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](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/21.jpg)
![Page 22: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/22.jpg)
![Page 23: Javascript](https://reader038.vdocuments.site/reader038/viewer/2022103014/5491908bb47959db5c8b45d7/html5/thumbnails/23.jpg)
function PerkalianAngka () {
bil1 = prompt("Angkanya ialah bla bla", "");
bil2 = prompt("Angkanya ialah bla bla", "");
hasil = bil1 * bil2;
alert (" bla bla bla ");
}