Nama :Kendro Stiyono
Kelas :TI 11 A
Nim :11.11.2374
Program Rekrusif 1.1
<html><head><title>rekrusif</title>
<script language=”javascript”>
document.writeln(“<H1> factorials of 10 to 20</H1>”);
document.writeln(“<table border = ‘1’ width = ‘100%’>”);
for (var i=10;i<=20;i++)
document.writeln(“<TR><TD>”+i+”!</TD><TD>”+factorial(i)+”</TD></TR>”);
document.writeln(“</TABLE>”);
function factorial(number)
{
if(number<=1)
return 1;
else
return number * factorial (number-1);
}
</script></head><body>
<body text=”purple” bgcolor=”grey”>
</body></html>
OUTPUT
Rekrusif 1.2
<HTML>
<HEAD>
<TITLE>Variabel Global</TITLE>
<HEAD>
<SCRIPT LANGUAGE =”JavaScript”>
function kali (a,b) {
c=a*b;
return (c);
}
var c =100;
document.write (“c semula = “+c+”<br>”);
document.write (kali (10,2) +”<br>”);
document.write (“c sekarang = “+c+”<br>”);
</script>
<body text=”white” bgcolor=”black”></body>
</html>
OUTPUT
Program Perulangan 1.1
<HTML>
<HEAD>
<TITLE>Contoh for Berkalang</TITLE>
</HEAD>
<BODY>
<PRE>
<SCRIPT LANGUAGE = “JavaScript”>
var baris, i = 0;
var nilai_prompt = prompt(“Tinggi: “, 5);
var tinggi = parseInt(nilai_prompt);
for (baris = 1; baris <= tinggi ; baris++) {
for (i = 1; i <= tinggi – baris; i++) {
document.write(” “);
}
for (i = 1; i < 2 * baris; i++) {
document.write(“*”);
}
document.write(“\n”);
}
</SCRIPT>
</PRE>
</BODY>
</HTML>
OUTPUT
Program Perulangan 1.2
<HTML>
<HEAD>
<TITLE>Contoh do while</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = “JavaScript”>
var bilangan = 1;
do {
document.write(bilangan + “<BR>”);
bilangan++;
} while (bilangan < 6);
</SCRIPT>
</BODY><body text=”blue” bgcolor=”red”></body>
</HTML>
OUTPUT
Program Perulangan 1.3
<html><head><title>contoh deklarasi</title></head>
<script type=”text/javascript”>
var i=0;
function looping(){
document.write(“Perulangan FOR <br/>”);
for (i=0;i<=5;i++) {
document.write(“Nilai i : ” + i);
document.write(“<br />”);
}
}
</script>
<body text=”blue” bgcolor=”red”></body>
<input type=”submit” name=”Submit” value=”Tampil” onClick=”looping()”>
</body>
</html>
OUTPUT 1 OUTPUT2
Program menggunakan beberapa kontrol
- A. Program pertama
<html><head><title>kontrol</title>
</head>
<h1><center>LIHAT PROFIL SAYA</center></H1><br><br>
<h3>Menggunakan Kontrol pada html :</h3><br>
<form>
NAMA SAYA <input type=”text” maxlength=20 name=”teks0″ size=20 value=”kendro stiyono”><br><br>
KATA SANDI <input type=”password” name=”kunci” size=”20″ maxlength=”20″ value=”abcdefghij”><br><br>
</form><BODY>
<SCRIPT languange =”JavaScript”>
function seks(ket)
{
document.formku.ojk.value = ket;
}
</SCRIPT>
<FORM name=”formku”>
<H3>Jenis kelamin</H3><hr>
<p><input type=”radio” value=”Wanita” name=”jk” onclick=”seks(this.value)”>Wanita
<input type=”radio” value=”Pria” name=”jk” onclick=”seks(this.value)”>Pria
<input type=”text” name=”ojk”></p>
<hr>
<input type=”reset” value=”Clear”>
</FORM>
</BODY>
<body>
<center>
<h3> info lebih lanjut </h3>
</center>
<hr>
<a href=”jurusan.html” name=”kontrol”>
Klik disini </a> untuk melihat profil saya lebih lanjut
</body></html>
Outputnya:
- B. Program kedua
<HTML>
<HEAD><TITLE>Latihan Dengan Objek Select</TITLE></HEAD>
<BODY>
<SCRIPT language=”JavaScript”>
function tekan()
{
var jurusanstr = (document.formku.jurusan.value);
document.formku.ojurusan.value = jurusanstr;
}
</SCRIPT>
<FORM name=”formku”>
<H1>Penggunaan Objek Select<H1><hr>
<H3>Masukkan :</H3>
Kuliah di STMIK AMIKOM Purwokerto Jurusan :
<select name=”jurusan” Size=”1″>
<option value =”Teknik Informatika”> Teknik Informatika </option>
<option value =”Sistem Informasi”> Sistem Informasi </option>
</select>
<p><input type=”button” value=”kirim” onclick=”tekan()”>
<input type=”reset” value=”ulang”>
<H3>Output jurusan :</H3>
<input type=”text” name=”ojurusan” size=”30″>
</FORM>
<form>
Mata kuliah yang anda ambil? (Boleh pilih lebih dari satu)<br>
<input type=”checkbox” name=”mata kuliah” value=”komdat”>Komunikasi Data<br><br>
<input type=”checkbox” name=”mata kuliah” value=”SD
“>Statistika Dasar<br><br>
<input type=”checkbox” name=”mata kuliah” value=”SO”>Sistem Operasi<br><br>
<input type=”checkbox” name=”mata kuliah” value=”LB”>Lingkungan Bisnis<br><br></form>
</BODY>
</HTML>
Outputnya: