You are on page 1of 6

1.

Konversi Data

<HTML>
<HEAD>
<TITLE>Konversi Bilangan</TITLE>
</HEAD>
<body>
<script language = "javascript">

var a = parseInt("27");
document.write("1."+a + "<BR>" );
var a = parseInt("27.5");
document.write("2."+a + "<BR>" );
var a = parseInt("27A");
document.write("3."+a + "<BR>" );
var a = parseInt("A27.5");
document.write("4."+a + "<BR>" );
var b = parseFloat("27");
document.write("5."+b + "<BR>" );
var b = parseFloat("27.5");
document.write("6."+b + "<BR>" );
var b = parseFloat("27A");
document.write("7."+b + "<BR>" );
var b = parseFloat("A27.5");
document.write("8."+b + "<BR>" );
</script>
</body>
</HTML>

2.Data Array
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Nama Hari</title>

</head>

<body>
<script>
var namahari=new Array('Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu');

document.write(namahari);
</script>
</body>
</html>

Output:

3.Calculator

<html>
<head>
<title>Kalkulator Sederhana</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">

!--

function hitung(){

var myForm = document.form1;


var x=eval(myForm.x.value);
var y=eval(myForm.y.value);
var pil= myForm.opt.value;
if (pil == "tambah") {
var z = x + y;
}else if (pil == "kurang") {
var z = x - y;
} else if (pil == "kali") {
var z = x * y;
} else if (pil == "bagi") {
var z = x / y;
}
myForm.hasil.value = z;
myForm.x.value = "";
myForm.y.value = "";
}
function resetForm(){
document.form1.reset();
}

//-->

</script>
<div align="center">
<form name="form1" action="#">
<p>bil 1 <input type="text" name="x" /></p>
<p>bil 2 <input type="text" name="y" /></p>
<p>hasil <input type="text" name="hasil" disabled="true" /></p>
<p>operator <select name="opt"></p>
<option value="tambah"> + (tambah)</option>
<option value="kurang"> - (kurang)</option>
<option value="kali"> * (kali)</option>
<option value="bagi"> / (bagi)</option>
</select>
<input type="button" value="=" onClick="hitung()" />
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>
</body>
</html>

Output:

4.bangun ruang

<html>
<head>
<title>Volume dan Luas Permukaan Kubus</title>
<style>
input.btn
{color: white;
background: black;
border: 1px outset black;
font-family: "calibri", Times, serif;
font-size: 14px;
font-weight: bold;
width : auto;}
</style>
</head>
<body background="images/5.jpg"
<body>
<center><br></br><br></br><br></br>
<b><font color="black" size="5">
<p>Volume dan Luas Permukaan Kubus</p>
<form id="Formulir" name="formulir" method="post" action="">
<table width="500" border="0">
<tr>
<td width="178"><b><font color="black" size="5">Masukan sisi</td>
<td><input name="sisi" type="text" id="sisi"></td>
</tr>
<tr>
<td><b><font color="black" size="5">Hasil Penghitungan
Volume</td>
<td><input name="volume" type="text" id="volume"></td>
</tr>
<tr>
<td><b><font color="black" size="5">Hasil Penghitungan Luas
Permukaan</td>
<td><input name="luas" type="text" id="luas"></td>
</tr>
</table>
<p>
<input name="cari" type="button" id="cari" value="hitung" class="btn"
onclick="carivolume()"/>
</p>
</form>
<p>&nbsp;</p>
<script laguage="javascript">
function carivolume()
{
sisi=formulir.sisi.value;
sisi=formulir.sisi.value;
sisi=formulir.sisi.value;
formulir.volume.value=sisi*sisi*sisi;
formulir.luas.value=6*sisi*sisi;
}
</script></body></html>

Output:

You might also like