PERTEMUAN Java Script 1

PERTEMUAN JS
JavaScript Part 1 : Pengertian dan

Pengenalan JavaScript
Javascript tidak ada hubungan dengan platform Java milik Oracle.
Secara umum JavaScript dipergunakan untuk memanipulasi
“Document Object Model” (DOM), yang meliputi elemen-
elemen pada sebuah laman web.
JavaScript dieksekusi pada client side (sisi pengguna = komputer

pengguna) Sebuah server website mengirim JavaScript ke
peramban milik pengguna, dan peramban tersebut
menginterpretasikan dan menjalankan kodenya.
Kelebihan Javascript
membuat interaksi yang sangat user friendly,
membuat fitur-fitur tambahan pada halaman statis html.
Pengenalan JavaScript
Javascript merupakan bahasa pemrograman yang berguna untuk membuat interaksi pada
website. sehingga website terlihat lebih hidup. seperti misalnya membuat efek-efek pada
website. javascript sudah menjadi salah satu bahasa pemrograman yang wajib dan harus di
kuasai untuk membangun website yang modern. javascript menjadi kebutuhan dan bahasa
pemrograman yang harus di kuasai. apalagi bagi anda yang akan mengkhususkan diri di
bagian web design. Adapun beberapa bahasa pemrograman yang wajib di kuasai oleh
seorang web developer adalah:
• HTML
Dalam membangun sebuah website HTML berperan sebagai pembuat bentuk.
• CSS
Dalam membangun sebuah website CSS memiliki peran sebagai design bentuk, warna,
tulisan dan sebagainya
• JavaScript
Dalam membangun sebuah website JavaScript berguna untuk membuat fitur-fitur serta
efek yang membuat halaman website lebih interaktif.
• Pada perkembangan dunia website sekarang ini javascript sudah menjadi bahasa
pemrograman yang sangat di butuhkan. banyak website-website yang menggunakan
javascript untuk membuat modal alert, pemberitahuan, form validation, efek, ajax, game
dan sebagainya. Belajar JavaScript Pengertian dan Pengenalan JavaScript
Contoh website yang menggunakan javascript untuk membuat website
mereka lebih interaktif atau lebih hidup adalah facebook, twittter, google dan
lainnya. pada halaman facebook terdapat kotak chatting yang dapat anda buka
dan tutup. form chat dapat terbuka dan tertutup jika di klik karena
menggunakan bantuan javascript. kemudian lagi jika anda pernah memesan
atau memeriksa ongkos tiket pesawat melalui situs-situs penyedia layanan tiket
pesawat, setelah anda memilih kota sekarang dan memilih kota tujuan anda
maka akan muncul maskapai pesawat yang tersedia tanpa me-reload halaman.
hal ini terjadi karena menggunakan teknik ajax yang di buat dengan javascript.
Kemampuan JavaScript
Untuk lebih menegaskan pemahaman tentang pengertian javascript dan
kegunaan javascript berikut akan di jelaskan apa-apa saja yang dapat di
lakukan oleh javascript:
• Javascript dapat mengganti atribut HTML
• Javascript dapat mengganti style css
• Javascript dapat membuat form validasi
PERTEMUAN JS
Operator Aritmatika Pada Javascript

Operator Aritmatika Pada Javascript – Operasi
aritmatika/matematika sangat lah di perlukan pada saat kita
membuat aplikasi yang kira-kira memerlukan logika yang
mengharuskan kita untuk membuat perhitungan. baik itu
perhitungan dalam jumlah kecil maupun perhitungan dalam
jumlah yang sangat besar.
Sebelum lebih jauh belajar membuat operasi perhitungan

aritmatika di javascript, kita akan membahas terlebih dulu
tentang operator-operator yang tersedia di javascript. yang bisa
kita gunakan untuk membuat operasi perhitungan matematika
dengan javascript.
berikut adalah operator yang dapat kita gunakan di javascript untuk membuat
perhitungan aritmatika.
+ Penjumlahan
– Pengurangan
* Perkalian
/ Pembagian
% Modulus
++ Increment
— Decrement
Perhitungan Aritmatika Di Javascript
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript Part 4 : Operator Aritmatika Pada Javascript</title>
</head>
<body>
<h1>Belajar Javascript Part 4 <br/> Operator Aritmatika Pada Javascript</h1>
<h2>www.malasngoding.com</h2>
<div id="penjumlahan"></div>
<script>
var bilangan1 = 6;
var bilangan2 = 2;
var penjumlahan = bilangan1 + bilangan2;
document.getElementById("penjumlahan").innerHTML = penjumlahan;
</script>
</body>
</html>
pada contoh di atas kita membuat contoh penjumlahan.
dengan mengisi nilai pada variabel di atas terdapat dua
buah variabel. yaitu variabel bilangan1 dan bilangan2.
variabel bilangan1 berisi nilai 6. dan variabel bilagan2 berisi
nilai 2. kemudian untuk menjumlahkannya kita tinggal
menambahkan operator bilangannya seperti contoh di atas.
variabel penjumlahan sudah berisi hasil dari bilangan1 di

tambah bilangan2. 6+2. kemudian hasilnya kita tampilkan
pada element yang ber id penjumlahan.(tag div).
dan muncul hasilnya 8.

<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript Part 4 : Operator Aritmatika Pada Javascript</title>
</head>
<body>
<h1>Belajar Javascript Part 4 <br/> Operator Aritmatika Pada Javascript</h1>
<div id="penjumlahan"></div>
<div id="pengurangan"></div>
<div id="perkalian"></div>
<div id="pembagian"></div>
<div id="modulus"></div>
<script>
var bilangan1 = 6;
var bilangan2 = 2;
var pengurangan = bilangan1 - bilangan2;
var perkalian = bilangan1 * bilangan2;
var pembagian = bilangan1 / bilangan2;
var modulus = bilangan1 % bilangan2;
document.getElementById("penjumlahan").innerHTML = penjumlahan;
document.getElementById("pengurangan").innerHTML = pengurangan;
document.getElementById("perkalian").innerHTML = perkalian;
document.getElementById("pembagian").innerHTML = pembagian;
document.getElementById("modulus").innerHTML = modulus;
</script>
</body>
</html>
PERTEMUAN JS
Belajar Javascript Part 2 : Cara

Penulisan Dan Penggunaan
Javascript
Cara Penulisan Syntax Javascript
Kita mulai dengan cara penulisan syntax javascript yang baik dan benar. dan
adapun pengetahuan dasar yang harus kita ketahui dari javascript adalah
sebagai berikut.
• Di simpan dengan ekstensi .js.
• Syntax javascript yang di sisipkan pada halaman HTML di tulis di dalam tag
<script>.
• Syntax javascript bisa di letakkan di bagian element tag <head> atau tag
<body>.
• Javascript bersifat case sensitive.
• Di setiap akhir baris harus di tutup dengan titik koma/semicolon ( ; ).
• syntax javascript bisa di gunakan dengan 2 cara teman-teman. yaitu
dengan cara di sisipkan pada halaman HTML langsung, dan 1 lagi dengan
cara menyimpan file javascript dengan ekstensi .js. dan kemudian
menginclude nya pada halaman HTML. agar lebih spesifik akan kita bahas
satu persatu.
Menggunakan Javascript Secara Internal
Penulisan javascript secara internal adalah dengan cara menyisipkan

langsung syntax javascript di dalam HTML. jika teman-teman menggunakan
cara ini maka syntax javascript nya harus teman-teman letakkan di antara tag
<script> pembuka dan tag </script> penutup. dan meletakkannya bisa di
dalam tag <head>, bisa juga di dalam tag <body>. buat sebuah file HTML
untuk membuat contoh penggunaan Javascript secara internal. bisa file html
bisa juga php. karena javascript mampu berjalan di antara keduanya. di sini
saya hanya membuat file html saja sebagai contoh. buat sebuah file html
dengan nama belajar.html.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</title>
</head>
<body>
<h1>Belajar Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</h1>
<div id="nama"></div>
<script>
document.getElementById("nama").innerHTML = "Nama Saya Malas Ngoding";
</script>
</body>
</html>
coba perhatikan pada contoh di atas. terdapat sebuah element div yang kita beri id=”nama”. dan
kemudian kita memberikan sentuhan javascript di sana dengan perintah berikut.

document adalah syntax wajib di javascript, dan fungsi getElementById() berfungsi untuk
memerintahkan mendapatkan element yang ber id sesuai dengan yang ada di dalam parameter
fungsi getElementById() itu sendiri. penulisannya harus si perhatikan ya teman-teman besar kecil
nya. karena javascript bersifat case sensitive. dan innerHTML berfungsi untuk menuliskan html.
jadi secara lengkap intruksi yang kita serukan adalah kita menyerukan untuk menulisakan “Nama
Saya Malas Ngoding” di element yang ber id “nama”. jika di jalankan pada browser. maka hasilnya
sebagai berikut.
Menggunakan Javascript Secara External
Setelah membahas cara penulisan javascript secara internal, atau dengan cara
menyisipkan langsung syntax javascript pada html, maka di sini kita akan membahas
cara lainnya untuk menggunakan javascript, yaitu dengan cara menggunakan
javascript secara external. caranya buat lah dua buah file, yaitu :
 belajar.html
 belajar.js
di file belajar.html kita akan menuliskan syntax HTML nya saja. dan pada belajar.js
kita akan menuliskan syntax javascript nya pada file belajar.js. dan cara agar kedua
file ini terhubung adalah dengan cara menghubungkannya dengan syntax berikut.
<script type="text/javascript" src="belajar.js"></script>

belajar.html
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</title>
</head>
<body>
<h1>Belajar Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</h1>
<div id="nama"></div>
</body>
<script type="text/javascript" src="belajar.js"></script>
</html>
belajar.js
dan jika di jalankan maka hasilnya akan sama.

PERTEMUAN Java Script 1

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

PERTEMUAN Java Script 1

Diunggah oleh

Hak Cipta:

Format Tersedia

PERTEMUAN JS

JavaScript Part 1 : Pengertian dan

JavaScript dieksekusi pada client side (sisi pengguna = komputer

Operator Aritmatika Pada Javascript

Sebelum lebih jauh belajar membuat operasi perhitungan

var penjumlahan = bilangan1 + bilangan2;

variabel penjumlahan sudah berisi hasil dari bilangan1 di

dan muncul hasilnya 8.

Belajar Javascript Part 2 : Cara

Penulisan javascript secara internal adalah dengan cara menyisipkan

document.getElementById("nama").innerHTML = "Nama Saya Malas Ngoding";

<script type="text/javascript" src="belajar.js"></script>

dan jika di jalankan maka hasilnya akan sama.

Anda mungkin juga menyukai