javascript n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
JAVASCRIPT PowerPoint Presentation
Download Presentation
JAVASCRIPT

Loading in 2 Seconds...

  share
play fullscreen
1 / 25
byron-osborne

JAVASCRIPT - PowerPoint PPT Presentation

133 Views
Download Presentation
JAVASCRIPT
An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. JAVASCRIPT

  2. Apaitu JAVASCRIPT • JavaScriptmerupakan salah satudarisekianbanyakscriptpermrograman web. Sebagaimanalayaknyabahasapemrograman, JavaScriptjugamemilikivariabel, tipe data, operator, strukturpemilihan, strukturperulangan dan fungsi. JavaScriptbersifat Object Oriented Programming atauyangmudahdikenaldengan nama OOP. Object Oriented Programming yaitusebuahmekanismepemrogramandimana data dan fungsidigabungkan ke dalamsebuahunityangdisebutobject, penggabunganseperti ini disebutdenganenkapsulasi.

  3. Javascriptadalahbahasa script yangbiasajalan di browser, orang-orangbiasabilang client side programming. Client di siniadalah browser, seperti: Internet Explorer, Firefox, Safari dansebagainya. Kodejavascriptbiasanyadisisipkandiantarakode-kode HTML. Di manasayabisamenuliskodejavascript? Andabisamenuliskodejavascript di teks editor sepertinotepad++ dansebagainya. Apakah saya butuhcompileruntukmenjalankanjavascript? Tidakperlu, anda cukupmenjalankanjavascriptmenggunakan browser. Semua browser mempunyai engine yangmenginterpretasikankodejavascriptkita.

  4. Object memilikiPropertiyangberartisesuatuyangdimilikioleh Object. Object jugamemilikiMethodyangberartisesuatuyangdapatdikerjakanoleh Object.

  5. Perintah-perintahJavaScriptdapatdituliskan ke dalamfileyang sama dengandokumen HTML atau juga bisadibuatfileterpisah. Jikadibuatdalamfileterpisah, makafiletersebutharusdisimpandalamekstensi.js. Contohpenulisannya : <script></script> <script type = “text/javascript”></script> <script language=“javascript”></script>

  6. <html> <body> <h1>Latihanjavascript</h1> <script> document.write("<p>Latihan java script</p>"); </script> </body> </html>

  7. JavaScriptmemiliki Object bernamadocumentyangbisadigunakanuntukmengeloladokumenHTML. Perintahdocument.writedigunakanuntukmenampilkansebuahteks ke dalambrowser.

  8. <html> <body> <h1>Javascript</h1> <p> Javascriptjugabisamelakukansebuahinteraksi, kliktomboldibawah: </p> <button type="button" onclick="alert(’SelamatDatang!')">Click Me!</button> </body> </html>

  9. VARIABEL Variabel di javascriptbisaditulisdengandiawalaihurufatau underscore ( _ ) atautandadollar (). Contoh : jumlah_hits , _nama

  10. Sintaks javascript mirip-mirip bahasa C atau java. Javascript bersifat case sensitive, artinya huruf kecil dan huruf besar adalah berbeda. Setiap baris kode javascript dipisahkan baris baru atau bisa juga titik koma (;) Variabel di javascriptbisaditulisdengandiawalaihurufatau underscore ( _ ) atautandadollar (). Contoh : jumlah_hits , _nama Deklarasivariable • Anda bisamendeklarasidenganmenggunakanvar, contoh: var x = 5, ini bersifatlocaldan global (bisa di aksesolehsemuafungsi) • Ataulangsungdeklarasikantanpavar, x = 5

  11. Contoh : <html> <body> <script> var x=5; var y=6; var z=x+y; document.write(x + "<br>"); document.write(y + "<br>"); document.write(z + "<br>"); </script> </body> </html>

  12. x = 5 y = 6 z = x + y Dalamaljabarkitamenggunakanhuruf (seperti x) untukmemegangnilai-nilai (seperti 5). Dariekspresiz = x + y di atas, kitadapatmenghitungnilaizmenjadi 11. Dalam JavaScript surat ini disebutvariabel. VariabelJavaScript Sepertidenganaljabar, variabelJavaScriptdapatdigunakanuntukmenyimpannilai-nilai (x = 5) atau ekspresi (z = x + y). Variabeldapatmemiliki nama pendek (seperti x dan y) atau nama yanglebih deskriptif (umur, jumlah, totalvolume). Nama variabelharusdiawalidenganhuruf Nama variabeljugadapatdimulaidengan$ _ Nama variabeladalahcasesensitif(y dan Y adalahvariabelyangberbeda)

  13. JavaScript Tipe Data VariabelJavaScript juga dapatmengartikanjenisdata, sepertinilai-nilaipadateks(orang = "John Doe"). DalamJavaScriptteksseperti "John Doe" disebutstring. Bila menetapkannilaiteks ke variabel, kitakasihtandakutipgandaatautunggalke seluruhnilai. Bila menetapkannilai numerik ke variabel, tidakmenaruhtandakutipnilai. Jikamenaruhtandakutipnilai numerik, iaakandiperlakukansebagaiteks.

  14. <html> <body> <script> var pi=3.14; var person="John Doe"; var answer='Yes I am!'; document.write(pi + "<br>"); document.write(person + "<br>"); document.write(answer + "<br>"); </script> </body> </html>

  15. MenciptakanVariabelJavaScript MembuatvariabeldalamJavaScriptseringdisebutsebagai ”declaring" variabel. Anda mendeklarasikanvariabelJavaScriptdengan var kata kunci: var carname; Setelahdeklarasi, variabelbelummemilikinilai. Untukmemberikannilaipadavariabel, gunakan tanda sama dengan : carname="Volvo"; Namun, Anda jugadapatmenetapkannilai ke variabelketika Anda menyatakan hal itu: var carname="Volvo"; Padacontohdibawah ini kitamembuatvariabeldisebutcarname, memberikannilai "Volvo”, dan menempatkanelemen dalam paragraf HTML denganid = "demo":

  16. <html> <body> <p>Click the button to create a variable, and display the result.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { varcarname="Volvo"; document.getElementById("demo").innerHTML=carname; } </script> </body> </html>

  17. OPERATOR OPERATOR ARITMATIKA Yaitu operator untukoperasimatematika

  18. Contohpertama : <script> var x = 4; var y = 2; z = x + y; alert(z); </script>

  19. <html> <body> <p>nilai y=5, nilai x=y+2, berapahasilnya? </p> <button onclick="myFunction()">Try it</button> <p id=”latihan"></p> <script> function myFunction() { var y=5; var x=y+2; vardemoP=document.getElementById(”latihan") demoP.innerHTML="x=" + x; } </script> </body> </html>

  20. Operator Assignment Sepertikebanyakan bahasa pemogramanlainnya, untukmemberikannilaikepadasuatuvariablemenggunakantanda sama dengan = Berikutadalahpenyingkatanpenulisanoperator : Contoh: <script> var x = 4; var y = 2; x -= y alert(x); </script>

  21. OPERATOR PEMBANDING Bergunauntukmembandingnilaisuatuvariable

  22. <html> <head> <script> var x = 4; var y = 2; if(x > y){ alert("x lebihbesardari y"); } </script> </head> <body> </body> </html>

  23. OPERATOR LOGIKA CONTOH : <script> var x = 76; if(x >= 80){ alert("Nilai = A"); } elseif(x >= 70 && x < 80){ alert("Nilai = B"); } elseif(x >= 60 && x < 70){ alert("Nilai = C"); } else{ alert("Nilai = D"); } </script>

  24. LOOPING FOR Bergunauntukpengulanganyangsudahditentukanterlebihdahuluawalnyaberapa, dijalankansampaikondisibagaimana. Sintaks : for(awal; kondisi; penambahan){ kode untuk dijalankan } CONTOH : <script> for (i = 1; i <= 10; i++) { document.write(i); } </script>

  25. <html> <body> <p>kliktomboldibawah </p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x=""; for (vari=0;i<100;i++) { x=x + "The number is " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>