Professional Documents
Culture Documents
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(){
//-->
</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> </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: