--> Kodeprogram yang digunkan untuk mendinmisasi halaman web
Html
--> Kode untuk menmpilkan informsi ke halaman web
CSS
--> Kode untuk memformat tag tag html
1. Strktur
<script>
{Pernyataan]
</script>
contoh. 1 Kode javascript untuk menampilkan identitas fakultas.
Penyelesaian :
1.Aktiifkan notepad
2.buka lembaran Kerja baru
3. Ketikkan kode berikut
<html>
<head>
<title>Latihan 4.1
</title>
<style>
body{
color : #ff0000;
font-size : 50pt;
background-image :
url("index.jpg");
}
</style>
</head>
<body>
<script>
document.write("Fakultas
Ilmu Komputer<br>");
document.write("Unika
St.Thomas <br>");
document.write("Medan<br>");
</script>
</body>
</html>
|
5.aktifkan web browser
6. buka file ti41.html dari web browser
contoh soal 2. buat kode js untuk menjumlahkan 2 buah bilangan
<script>
var a,b,c;
a = 10;
b = 20;
c = a + b;
document.write(a+
"+" +b + "=" +c);
</script>
|
soal 3. Buat form untuk menginput 2 (dua) buah bilanngan .
Buat kode Js untuk menjumlahkan ke dua bilangan tersebut !!
<html>
<head>
<title>Menjumlahkan
dua buah bilangan</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>
<input type=button
value="A+B" onclick="prosesTam()">
<input type=button
value="A-B" onclick="prosesKur()">
<input type=button
value="A/B" onclick="prosesbag()">
<input type=button
value="A*B" onclick="prosesKal()">
<input type=button
value="A%B" onclick="prosesMod()">
</form>
<script>
function prosesTam()
{
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);
}
function prosesKur()
{
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);
}
function prosesMod()
{
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);
}
function prosesKal()
{
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);
}
function prosesbag()
{
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>
|
soal 4. Buat kode Js untuk menentukan bilangan terbesar diantara dua buah bilanngan.
Penyelesaian :
<html>
<head>
<title>Mencari Nilai
terbesar di Js</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>
<input type=button
value="Max" onclick="proses()">
<input type=button
value="Min" onclick="proses1()">
</form>
<script>
function proses()
{
var a,b,max;
a =
parseInt(document.getElementById('idA').value);
b =
parseInt(document.getElementById('idB').value);
if(a>b)
max=a;
else
max = b;
//document.write("Bilangan terbesar
"+ a+ "dan" +b );
//document.write("Adalah " + max
);
window.alert("Bilangan terbesar "+ a+ " dan
" +b + " Adalah
: " +max);
}
function
proses1()
{
var a,b,min;
a =
parseInt(document.getElementById('idA').value);
b =
parseInt(document.getElementById('idB').value);
if(a<b)
min=a;
else
min = b;
//document.write("Bilangan terbesar
"+ a+ "dan" +b );
//document.write("Adalah " + min
);
window.alert("Bilangan Terkecil "+ a+ " dan
" +b + " Adalah
: " +min);
}
document.write("Bilangan
terbesar "+ a+ " dan "+ b);
document.write(" adalah : " +max);
</script>
|
Simpan kode Program tersebut dan buka pada web browser :
1. Buat form untuk menginput 3(tiga) buah bilangan , Kemudian buat kode js
untuk menentukan Bilangan terkecil diantara ke 3(Tiga) buah bilangan tersebut.
Kode Program :
<html>
<head>
<title>Mencari Nilai
terbesar di Js</title>
<style>
body{
color : silver;
font-size : 50pt;
background-image :
url("IMG-20181202-WA0011.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>
C : <input type= text
id=idC size=3><br>
<input type=button
value="Max" onclick="proses()">
<input type=button
value="Min" onclick="proses1()">
</form>
<script>
function proses()
{
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){
if(a>c)
max=a;
else
max = c;}
else {
if(b>c)
max=b;
else
max = c;}
//document.write("Bilangan terbesar
"+ a+ "dan" +b );
//document.write("Adalah " + max
);
window.alert("Bilangan terbesar "+ a+ " dan
" +b +" dan "+c
+ " Adalah : " +max);
}
function
proses1()
{
var a,b,min;
a =
parseInt(document.getElementById('idA').value);
b =
parseInt(document.getElementById('idB').value);
c =
parseInt(document.getElementById('idC').value);
if(a<b){
if(a<c)
min=a;
else
min = c;}
else {
if(b<c)
min=b;
else
min = c;}
//document.write("Bilangan terbesar
"+ a+ "dan" +b );
//document.write("Adalah " + max
);
window.alert("Bilangan terbesar "+ a+ " dan
" +b +" dan "+c
+ " Adalah : " +min);
}
document.write("Bilangan
terbesar "+ a+ " dan "+ b);
document.write(" adalah : " +max);
</script>
|
Sekian yang bisa saya bagi Ilmu tentang membuat sebuah kode program dari java Script
Semoga bermanfaat bagi kita semua
Nama : Irwan amriando purba
Npm : 180840001
Dosen Pengampu : Wasit Ginting S.Kom,M.Kom.
