Langsung ke konten utama

Pengenalan JavaScript

Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side

Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.


Syntax :


<html>
<head>
<script type="text/javascript">
...
</script>
</head>
</html>


<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>


Latihan :

Latihan1

<!DOCTYPE html>
<html>
  <head>
<script language="JavaScript" type="text/javascript">
alert("Belajar Javascript");
</script> 
  </head>
  <body>
Latihan JavaScript
  </body>
</html>


Latihan2

<!DOCTYPE html>
<html>
  <body>
    <script language="JavaScript" type="text/javascript">
document.write("<h1> Belajar Javascript</h1>");
</script>
  </body>
</html>


Latihan3

<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript"> 
function cobafungsi()
{ document.getElementById("coba").innerHTML="Belajar membuat fungsi"; }
</script>
</head>
<body>
<h1>Halaman WEB</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba Fungsi</button>
</body>
</html>


Latihan4

<!DOCTYPE html>
<html>
  <body>
<h1>Halaman Web</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba</button>
<script language="JavaScript" type="text/javascript">
function cobafungsi()
{ document.getElementById("coba").innerHTML = "Belajar Fungsi Javascript";  }
</script>
  </body>
</html>


Latihan5

<head>
<script language="JavaScript" type="text/javascript">
// tipe data string
var namakota="Malang";
// tipe data string
var propinsi="Jawa Timur"; 
// tipe data integer 
var x1=34; 
// tipe data float
var x2=3.14; 
// tipe data integer
var y=123e4; 
// tipe data boolean
var x=true;

alert(namakota);
alert(propinsi);
alert(x1);
alert(x2);
alert(y);
alert(x);
</script>
</head>
<body>
</body>

Latihan6

<html>
  <body>     
<script language="JavaScript" type="text/javascript"> 
var hasil;
// deklarasi dan assignment dapat dilakukan sekaligus
var bilPertama = 15;   
var bilKedua = 10; 
hasil = bilPertama + bilKedua;
alert(hasil);
// menampilkan hasil 25     
hasil = bilPertama - bilKedua;
alert(hasil);
// menampilkan hasil 5 
hasil = bilPertama * bilKedua;
alert(hasil);
// menampilkan hasil 150 
hasil = bilPertama / bilKedua;
alert(hasil);
// menampilkan hasil 1.5 
</script>     
  </body>
</html>

Latihan7

<html>
  <body>     
<script language="JavaScript" type="text/javascript">
var harga = prompt("Masukkan harga mula-mula (Rp) : ");
var hargaDiskon; 
hargaDiskon = harga - 0.2 * harga;   
document.write("Harga setelah didiskon : Rp. " + hargaDiskon);
</script>     
  </body>
</html>

LAtihan8

<html>
  <body>     
<script language="JavaScript" type="text/javascript"> 
var teks = "2.3 adalah bilangan riil";
var bil1;
var bil2; 
bil1 = parseFloat(teks);
// konversi ke riil
document.write("Nilai dari bil1 = " + bil1 + "<br>"); 
bil2 = parseInt(teks);
// konversi ke integer
document.write("Nilai dari bil2 = " + bil2); 
</script> 
  </body>
</html>


TUGAS :

1. Buatlah Program Wajib Zakat dengan Javascript.



Kirim email ke harrysupandi@gmail.com

Yang lain sy tunggu Segera...



Komentar

Postingan populer dari blog ini

BELAJAR RPL 2018/2019

PAKET 1 III.         SOAL/TUGAS 1.         Judul Tugas             : Aplikasi Kasir Restoran ( Table Service ) 2.         Langkah Kerja: a.          Lakukan Instalasi dan Pengaturan Software Tools Pemrograman b.          Interpretasikan Spesifikasi Program yang diberikan                                                 i.           Aplikasi berbasis sistem client-server               ...

Membuat Login dengan Session pada PHP MYSQL

Mapel : Basis Data dan Web Dinamis (3RPL1) Senin, 27 Agustus 2018 Langkah Membuat Login Session pada PHP Mysql 1. Buatlah Tabel Login pada Database Sekolah 2. membuat table login , Struktur Tabel Login sbb: MySQL [sekolah]> create table login(     -> id int(3) primary key auto_increment,     -> username varchar(100),     -> password varchar(100)); 3. Silahkan Input username dan password di table Login 4. Buatlah Program  home.php <?php session_start(); if (empty($_SESSION['username'])) { header("location:form_login.php"); // jika belum login, maka dikembalikan ke file form_login.php } else { ?> <p align=right><a href="logout.php">Logout</a></p> <center>Selamat Datang : <b><?php echo $_SESSION['username']?></center></b><br /> <?php  include ("tampil_siswa_admin.php"); } ?> form_l...

Pengenalan CSS

HTML dirancang tidak ditujukan untuk mendesain sebuah halaman web, tapi hanya untuk menampilkan konten saja. Pada saat HTML beranjak ke versi 3.2, diperkenalkan tag <font> yang digunakan untuk mengatur tampilan sebuah teks, seperti jenis font yang digunakan, warna, dan ukuran. Tapi dengan adanya tag ini, malah jadi menyulitkan proses development, karena tag ini mesti disematkan di banyak halaman untuk mendapatkan hasil  style  yang sama. Bayangkan ketika kita sudah memiliki banyak halaman web, belasan atau puluhan, lalu kemudian hendak mengedit beberapa style saja misalkan ukuran font dan ingin semua halaman mendapatkan perubahan yang konsisten. Maka kita harus memperbaharui tag tersebut di setiap halaman satu per satu! Untuk itu, dibuatlah CSS, yang memisahkan style dari halaman web, sehingga antara konten pada HTML dan desain tampilan pada dokumen CSS dapat dikerjakan di dua tempat berbeda. Dengan kata lain, dokumen HTML cukup berisi ko...