Modul 6

Laporan Praktikum
Pemograman Web
Modul 6
JAVASCRIPT
Nama : Farhan Raihan Wahidin

NIM : 3411201012
Kelas : Informatika – A
Program Studi Informatika

Fakultas Sains Dan Informatika
Universitas Jenderal Achmad Yani
2021
I. Pembahasan
JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis.[9] JavaScript populer di
internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome,
Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat
disisipkan dalam halaman web menggunakan tag SCRIPT.[10] JavaScript merupakan salah
satu teknologi inti World Wide Web selain HTML dan CSS. JavaScript membantu membuat
halaman web interaktif dan merupakan bagian aplikasi web yang esensial.
II. Latihan
Latihan 1
a. Source Code
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latihan 1-Modul 6</title>
</head>
<body>
<h2>JavaScript in Body</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
</body>
</html>
b. Hasil Eksekusi
1
C. Analisa
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag
tersebut adalah file HTML.
<body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan
sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute
seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
<h1> to <h6>Tag untuk membuat heading
<head> Informasi meta tentang dokumen
<title> Membuat judul halaman yang nantinya akan ditampilkan di browser
<script> Tag untuk membuat script di sisi klien
dengan memberikan tag <meta charset=”UTF-8”> berarti halaman tersebut telah memberi
informasi terhadap browser dan search engine untukmelakukan pengkodean karakter sesuai
ketentuan UTF-8.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Agar layout
menjadi fleksibel, cara terpraktis adalah mendasari lebar viewport anda sesuai perangkat,
agar lebar layout anda mencocoki dengan lebar perangkat yang anda gunakan.Untuk
memastikan bahwa layout anda akan ditampilkan seperti yang anda maksudkan, anda juga
dapat mengatur tingkat pembesaran (zoom).
Latihan 2
a. Sourcecode
2
<html lang="en">
<head>
</head>
<body>
<h2>JavaScript in Body</h2>
<button type="button" onclick="document.getElementById('demo').innerHTML =

Date()">
Click me to display Date and Time</button>
<p id="demo"></p>
</body>
</html>
b. Hasil Eksekusi
c. Analisa
3
<p> Tag untuk membuat paragraph
ketentuan UTF-8.
III. TUGAS
Tugas 1
a. Sourcecode
<html lang="en">
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try It</button> </body>
</html>
b. Hasil Eksekusi
4
c. Analisa
<p> Tag untuk membuat paragraph
ketentuan UTF-8.
IV. Kesimpulan
Script-script di dalamJAVASCRIPT adalah bahasa pemrograman yang khusus untuk
halaman web agarhalaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri
dari dua sukukata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi
objek,sedangkan Script adalah serangkaian instruksi program.Penggunaan object JavaScript
5
(XMLHttpRequest) untuk merequest ke server,dalam beberapa browser tidak sama. Untuk
browser keluaran microsoft menggunakankomponen ActiveX, namanya
Microsoft.XMLHTTP, terdapat banyak versi darikomponen ini, tergantu dari versi browser
internet Explorer (IE). Sedangkan browserkeluarga mozilla, seperti firefox, opera
menggunakan XMLHttpRequest. Namanya berbeda tetapi memiliki fungsi yang sama yaitu
melakukan request ke server secaraasinkron.

Modul 6

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

Modul 6

Diunggah oleh

Hak Cipta:

Format Tersedia

Laporan Praktikum

Nama : Farhan Raihan Wahidin

Program Studi Informatika

<button type="button" onclick="document.getElementById('demo').innerHTML =

Anda mungkin juga menyukai