Scribd
Unggah
10 tayangan7 halaman

Event dan Manipulasi Gambar JavaScript

Modul ini membahas tentang penggunaan event on submit dalam JavaScript, yang memungkinkan data yang diinputkan oleh pengguna untuk dikirim ke lokasi lain. Selain itu, modul ini juga menjelaskan cara memanipulasi gambar menggunakan objek Image dalam JavaScript, dengan penekanan pada kesesuaian nama file dan lokasi penyimpanan. Contoh-contoh kode disertakan untuk membantu pemahaman tentang implementasi kedua konsep tersebut.

Diunggah oleh

Ogi Muhamad Ramadhan
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
10 tayangan7 halaman

Event dan Manipulasi Gambar JavaScript

Modul ini membahas tentang penggunaan event on submit dalam JavaScript, yang memungkinkan data yang diinputkan oleh pengguna untuk dikirim ke lokasi lain. Selain itu, modul ini juga menjelaskan cara memanipulasi gambar menggunakan objek Image dalam JavaScript, dengan penekanan pada kesesuaian nama file dan lokasi penyimpanan. Contoh-contoh kode disertakan untuk membantu pemahaman tentang implementasi kedua konsep tersebut.

Diunggah oleh

Ogi Muhamad Ramadhan
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

MODUL 8

PRAKTIKUM APLIKASI
(JAVA SCRIPT)

OGI MUHAMAD RAMADHAN, [Link]

MATA PELAJARAN : PEMROGRAMAN DASAR

SMK KARTINI BATAM

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 1


KEJADIAN (EVENT) - 2

9.1 Event On Submit


Event on submit akan dibangkitkan apabila seorang user menekan tombol submit.
Dengan event ini data yang diinputkan akan dikirimkan ke tempat lain (email, file teks
atau ke dalam suatu tabel).

Modul8 [Link]

Hasil output

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 2


Keterangan :
Perhatikan script di atas terdapat logo Google, cara untuk menampilkan nya adalah :
1. Terlebih dahulu kita harus memiliki gambar logo tsb, dengan format .JPG
2. Liat script pada baris ke –
3. File name dari gambar tsb harus sesuai pada script (logo_google.jpg)
4. File penyimpanan dari gambar tsb harus sama dgn folder penyimpanan script.

5. Jika file gambar dan script sudah berada 1 folder, maka logo/gambar akan muncul saat
program di jalankan sesuai dengan hasil output di atas.

Berikut diberikan contoh event submit yang terjadi pada form pengisian data
guestbook yang hasilnya akan dikirim ke suatu email.

Modul8 [Link]

Sambungan di bawah !

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 3


Hasil output

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 4


9.2 Manipulasi Gambar
Untuk memuat suatu image, pada Javascript terdapat objek Image. Untuk membuat objek
tersebut pendeklarasiannya adalah sebagai berikut :
img1 = new Image ()
[Link] = "[Link]"
artinya membuat objek image dengan isinya adalah image [Link] berikut akan
diberikan contoh mengenai objek image :

Modul8 [Link]

Hasil output

Pict1:

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 5


Pict2:

Pict3:

Pict4:

Pict5:

Pict6:

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 6


Keterangan :
Perhatikan script di atas terdapat beberapa gambar, cara untuk menampilkan nya adalah :
1. Terlebih dahulu kita harus memiliki beberapa gambar tsb (GAMBAR BOLEH BEBAS),
dengan format .JPG
2. Liat script pada baris ke – 5 s/d 16

3. File name dari gambar tsb harus sesuai pada script ([Link] s/d [Link])
4. File penyimpanan dari gambar tsb harus sama dgn folder penyimpanan script.

5. Jika file gambar dan script sudah berada 1 folder, maka gambar akan muncul saat
program di jalankan sesuai dengan hasil output di atas.

Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 7

Anda mungkin juga menyukai