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

Posting 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               ...
1 komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

Membuat Input Data dengan 2 Tabel menggunakan PHP MYSQL

Langkah - Langkah membuat Input Data dengan 2 Tabel menggunakan PHP MYSQL : 1. Buatlah Koneksi.php <?php $host='localhost'; $user='root'; $pass=''; $db='sekolah'; mysql_connect($host,$user,$pass) or die ("Tidak dapat terkoneksi " . mysql_error()); mysql_select_db($db) or die ("Database tidak ditemukan " . mysql_error()); ?> 2. Buatlah formInputNilai.php  <?php // koneksi database        include ("koneksi.php"); ?>  <form name="form1" method="POST" action="simpan_Nilai.php">   <table width="400" border="0" align="center" cellpadding="1" cellspacing="1"     bordercolor="#00FF00" bgcolor="#33CC00">     <tr bgcolor="#CCFFCC">       <td height="50" colspan="2"><div align="center">INPUT DATA PENILAIAN SISWA </div></...
1 komentar
Baca selengkapnya