1 / 25

JAVASCRIPT

JAVASCRIPT. Apa itu JAVASCRIPT. JavaScript merupakan salah satu dari sekian banyak script permrograman web. Sebagaimana layaknya bahasa pemrograman , JavaScript juga memiliki variabel , tipe data, operator , struktur pemilihan , struktur perulangan dan fungsi.

byron-osborne
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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>

More Related