Langsung ke konten utama

Evaluasi Praktikum Pemweb Bab JavaScript (29 Oktober 2013)


Saya minta maaf jika saat itu tidak bisa berbagi materi dengan maksimal. Itu karena tak dipersiapkan dengan matang. 
Sebagai permintaan maaf, saya coba memposting coding yang dipelajari kemarin.

Ini untuk coding menghitung Luas Trapesium dengan javascipt :

-------------------------------------

<html>
<head>
<title>Menghitung Luas Trapesium</title>
<style type="text/css">

#table
{
font-family:"Comic Sans MS", cursive;
border:#6F0;
background:#CCC;
padding-left:0.6cm;

}

#p
{
font-family:"Comic Sans MS", cursive;
text-shadow:#000;
}

#h2
{
font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-shadow:#FFF;
size:;
}
</style>

<script> 
function cektidakkosong()

if(form.sisi1.value == "" || form.sisi2.value == "" || form.tinggi.value == "")

alert("data kosong, silahkan diisi");
exit; 



function hitung() 

cektidakkosong(); 
a=eval(form.sisi1.value); 
b=eval(form.sisi2.value); 
c=eval(form.tinggi.value); 
c=0.5*((a+b) *c);
form.hasil.value = c; 

</script>
</head>

<body>
<form name="form">
<table id="table" align="center">
  <tr>
    <td colspan="2"><h2 id="h2" align="left" >Menghitung <br/> Luas Trapesium</h2>
      </td>
      <td> <img src="images/trapesium.png" alt="" />
      </td>
  </tr>
  <tr>
    <td width="154">Sisi Sejajar 1</td>
    <td width="18">:</td>
    <td width="178"><input type="text" name="sisi1"></td>
  </tr>
  <tr>
    <td>Sisi Sejajar 2</td>
    <td>:</td>
    <td><input type="text" name="sisi2"></td>
  </tr>
  <tr>
    <td>Tinggi</td>
    <td>:</td>
    <td><input type="text" name="tinggi"></td>
  </tr>
  <tr>
    <td colspan="3" align="center">
      <p>
      <br/>
         <input  type="button" name="Button" value="Hitung" onClick="hitung()">
         <input type="reset" name="reset" id="button" value="Ulangi">
         <br/>
      </p></td>
  </tr>
  <tr>
    <td>Hasil</td>
    <td>:</td>
    <td><input type="text" name="hasil" value=""></td>
  </tr>
</table>
</form>
</body>
</html>

--------------------------------------------------------------------------------

Mengenai pertanyaan apa fungsi "eval" yang tak terjawab, saya copikan dari sini :

Function.eval() digunakan untuk mengevaluasi apa saja yang direpresentasikan di dalam parameter expression.

Sintaks:
eval(expression)

Di mana expression adalah ekspresi valid yang akan diperlakukan sebagai kode JavaScript oleh interpreter. Jika nilai parameter expressionbukanlah string, maka itu yang akan dikembalikan. Sebagai contoh, eval(5) akan mengembalikan nilai 5. Jika nilai parameter expressionadalah string, interpreter mencoba untuk menginterpretasikan string tersebut seolah-olah adalah kode JavaScript.

Function.eval() adalah fungsi standard JavaScript 1.0+, JScript 1.0+, ECMAScript 1.0+ dan didukung Google Chrome Beta+, Firefox 1.0 (Gecko 1.7)+, Internet Explorer 3+, Netscape Navigator 2.0+, Opera 3.0+, Safari 1.0+.

Misalkan saya mempunyai variabel myString seperti ini:


var myString = "Halo!";

Jika saya mencoba menguji variabel di atas untuk banyaknya karakter di dalam tanda kutip dan tanpa melibatkan Function.eval(), maka string "(myString.length) == 5" yang akan dikembalikan:

document.write("(myString.length) == 5");

Tetapi jika saya melibatkan Function.eval() untuk mengevaluasi ekspresi "(myString.length) == 5", maka nilai boolean true yang akan dikembalikan:

document.write(eval("(myString.length) == 5"));

Nilai true dikembalikan, karena interpreter menganggap bahwa di atas adalah suatu kondisi (apakah banyaknya karakter dari variabel myStringsebanyak 5) yang harus diuji kebenarannya dan tidak menganggap di atas adalah suatu string.

Contoh-contoh berikutnya anda perlu mencoba untuk memperhatikan output dari setiap ekspresi yang melibatkan Function.eval() dan yang tidak.

Berikut interpreter menganggap ekspresi "1+1" yang melibatkan Function.eval() adalah operasi tambah-tambahan, yaitu 1 ditambah 1 dan hasilnya adalah 2:
document.write("1+1"); //"1+1" document.write(eval("1+1")); //2

Contoh di bawah ini interpreter menganggap ekspresi "myNumVar" yang melibatkan fungsi Function.eval() adalah perwakilan variabel yang harus ditampilkan nilainya:

var myNumVar = 12345; document.write("myNumVar"); //"myNumVar" document.write(eval("myNumVar")); //12345

Contoh di bawah ini interpreter menganggap ekspresi "document.write('Halo!')" yang melibatkan fungsi Function.eval()adalah perintah string 'Halo!' harus dituliskan ke halaman oleh metodewrite():

eval("document.write('Halo!')"); //"Halo!"

Komentar

Postingan populer dari blog ini

3.1.a.8.2. Blog Rangkuman Koneksi Antar materi - Modul 3.1

Assalamu'alaikum warahmatullahi wabarakatuh,  Saya Muhammad Fajri Romadhoni, S.Kom calon guru penggerak Angkatan 8 dari SMPIT Ar Rahman Kota Banjarbaru Kalimantan Selatan.  Saya ucapkan terimakasih kepada Fasilitator yaitu Bapak Subiarto, M.Pd yang telah membimbing dan senantiasa memotivasi dalam setiap tahapan belajar saya dalam menempuh Pendidikan Guru Penggerak.  Saya juga ucapkan terimakasih kepada pengajar praktik Bapak Alfian Wahyuni, S.Pdi yang selalu mendampingi dan menjadi teman berbagi baik saat menempuh Pendidikan guru penggerak maupun dalam hal lain berkenaan dengan perkembangan pendidikan.  Saya juga ucapkan terimaksih kepada rekan CGP angkatan 8 yang senantiasa berkenan berbagi dan berkolaborasi dalam setiap tahapam PGP. Saya kali ini saya akan membuat rangkuman dari proses perjalanan pembelajaran saya sampai saat ini pada program guru penggerak dengan berpedoman pada pertanyaan berikut ini. Bagaimana filosofi Ki Hajar Dewantara dengan Pratap Triloka me...

Tugas II Praktikum Algoritma & Pemrograman II

Assalamualaikum wr.wb. Sekedar membantu dan ngeshare buat yang ga bisa ngedownload tugas tambahan alpro kita, jadi saya tulis disini, semoga bermanfaat. Terdapat sebuah mesin penjual perangko. Pembeli memasukkan uang, dan mesin mengeluarkan sejumlah perangko dan uang kembalian (jika ada). Perangko yang dijual oleh mesin ada tiga macam: 5000, 1000, dan 500. Contoh: Pengguna memasukkan uang sejumlah 12600. Mesin mengeluarkan 2 lembar perangko 5000, 2 lembar perangko 1000 dan selembar perangko 500 serta kembalian 100. 1: Buatlah program yang mensimulasikan mesin penjual perangko tersebut dengan asumsi: masukan user selalu valid, tidak ada batas jumlah perangko yang dimiliki mesin. Contoh keluaran: Masukkan uang : 10550 Perangko anda :   5000 : 2 lembar   1000 : 0 lembar