PENGENALAN JAVASCRIPT

PERTEMUAN  KEEMPAT

MATERI   =>  JAVASCRIPT

JAVASCRIPT  ADALAH   BLOK KODE PROGRAM YANG DI SUSUN SECARA SISTEMATIS UNTUK PEKERJAAN TERTENTU

Tag yang digunakan pada javascript yaitu dengan menggunakan  <script>……</script>

CONTOH  1   =>  PENGOPERASIAN   BILANGAN

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat table.html), bisa disimpan di sembarangan tempat

3.    Kita ketikkan kode html

<html> <head> <title>menjumlahkan</title> <style>body{color: white; font-size : 30pt; background-image : url("bmw.jpg"); } </style> </head> <body> <form> input bilangan<br> A:<input type = text id=idA size=3><br> B:<input type = text id=idB size=3><br> <input type = button value="A+B" onclick="prosesjumlah()"> <input type = button value="A-B" onclick="proseskurang()"> <input type = button value="A*B" onclick="proseskali()"> <input type = button value="A/B" onclick="prosesbagi()"> <input type = button value="A%B" onclick="prosessisa()"> <input type = button value="A^B" onclick="prosespangkat()"> </form> <script> function prosesjumlah() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a+b; //document.write(a+"+"+b+"="+c); window.alert(a+"+"+b+"="+c); } </script> <script> function proseskurang() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a-b; //document.write(a+"-"+b+"="+c); window.alert(a+"-"+b+"="+c); } </script> <script> function proseskali() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a*b; //document.write(a+"*"+b+"="+c); window.alert(a+"*"+b+"="+c); } </script> <script> function prosesbagi() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a/b; //document.write(a+"/"+b+"="+c); window.alert(a+"/"+b+"="+c); } </script> <script> function prosessisa() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a%b; //document.write(a+"%"+b+"="+c); window.alert(a+"%"+b+"="+c); } </script> <script> function prosespangkat() { var a,b,c; a= parseInt(document.getElementById('idA').value); b= parseInt(document.getElementById('idB').value); c=a^b; //document.write(a+"^"+b+"="+c); window.alert(a+"^"+b+"="+c); } </script> </body> </html>

Dari hasil yang kita peroleh dari kode html di atas akan tampil seperti berikut

Kita uji beberapa hasil dari hasil kode pengoperasian yang kita buat diatas

1.        penjumlahan

2.       Pengurangan

3.       Perkalian

Dan seterusnya

CONTOH 2   =>  MENENTUKAN NILAI MAXSIMAL  DAN NILAI MINILAL SUATU BILANGAN

Langkah-langkah

1.    Kita buka notepad

2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat max_min.html), bisa disimpan di sembarangan tempat

3.    Kita ketik kode html

Kita dapat mengetikkan seperti contoh kode program di bawah ini

<html> <head>  <title>Menentukan max dan min</title>   </head> <body> <form>   input bilangan<br>  A :<input type = text id=idA size=3><br>  B :<input type = text id=idB size=3><br>  C :<input type = text id=idC size=3><br>  <input type =button value="A max B max C" onclick="prosesmax()">  <input type =button value="A min B man C" onclick="prosesmin()"> </form> <script>   function prosesmax()    {   var a,b,c,max;  a=parseInt(document.getElementById('idA').value);  b=parseInt(document.getElementById('idB').value);  c=parseInt(document.getElementById('idC').value); if (a>b && a>c)   max=a; else if(b>a && b>c)    max=b; else if(c>a && c>b)  max = c; //document.write(a+"+"+b+"="+c); window.alert("bilangan terbesar "+a+" dan "+b+" dan "+c+" adalah : "+max); }  function prosesmin()    {   var a,b,c,max;  a=parseInt(document.getElementById('idA').value);  b=parseInt(document.getElementById('idB').value);  c=parseInt(document.getElementById('idC').value); if (a<b && a<c)    min=a; else if(b<a && b<c)   min=b; else if(c<a && c<b)           min= c; //document.write(a+"+"+b+"="+c); document.alert("bilangan terbesar "+a+" dan "+b+" dan "+c+" adalah : "+min); } </script> </body> </html>

Dari hasil kode yang kita buat di atas maka akan tampil seperti gambar di bawah ini

Sekarang kita uji hasil dari kode yang kita buat tadi

1.       Menentukan bilangan maksimal

2.       Menentukan  bilangan minimal

Sekian contoh sederhana untuk pengoperasian bilangan dan menentukan maksimal dan minimal pada suatu bilangan ,semoga bermanfaat bagi kita yang membutahkan ,jika ada kesalahan sebelumnya saya minta maaf, mohon di kasih saran untuk lebih baik lagi

NAMA   :  GIRALDO SILITONGA

NPM      : 180840009

 PRODI   : TEHNIK INFORMATIKA

 DOSEN PENGAMPU  : WASIT GINTING S.KOM ,M.KOM