Halooo..Sudah banyak sebenarnya cara membuat kalkulator sederhana menggunakan PHP atau JavaScript. Kali ini saya juga mau ikut-ikutan posting cara membuat basic calculator..HeheIni Hasilnya :Scriptnya seperti di bawah ini :<body>
<center>
<form name="Kalkulator">
<table border=5 bordercolor="#FF00FF" cellpadding="2" cellspacing="0">
<tr>
<td>
<input type="text" name="input" Size="16">
<br>
</td>
</tr>
<tr>
<td>
<input type="button" name="one" value=" 1 " OnClick="Kalkulator.input.value += '1'">
<input type="button" name="two" value=" 2 " OnCLick="Kalkulator.input.value += '2'">
<input type="button" name="three" value=" 3 " OnClick="Kalkulator.input.value += '3'">
<input type="button" name="plus" value=" + " OnClick="Kalkulator.input.value += ' + '">
<br>
<input type="button" name="four" value=" 4 " OnClick="Kalkulator.input.value += '4'">
<input type="button" name="five" value=" 5 " OnCLick="Kalkulator.input.value += '5'">
<input type="button" name="six" value=" 6 " OnClick="Kalkulator.input.value += '6'">
<input type="button" name="minus" value=" - " OnClick="Kalkulator.input.value += ' - '">
<br>
<input type="button" name="seven" value=" 7 " OnClick="Kalkulator.input.value += '7'">
<input type="button" name="eight" value=" 8 " OnCLick="Kalkulator.input.value += '8'">
<input type="button" name="nine" value=" 9 " OnClick="Kalkulator.input.value += '9'">
<input type="button" name="times" value=" x " OnClick="Kalkulator.input.value += ' * '">
<br>
<input type="button" name="clear" value=" c " OnClick="Kalkulator.input.value = ''">
<input type="button" name="zero" value=" 0 " OnClick="Kalkulator.input.value += '0'">
<input type="button" name="DoIt" value=" = " OnClick="Kalkulator.input.value = eval(Kalkulator.input.value)">
<input type="button" name="div" value=" / " OnClick="Kalkulator.input.value += ' / '">
<br>
</td>
</tr>
</table>
</form>
</center>
</body>Pada script di atas kita menulis fungsi eval(Kalkulator.input.value)Fungsi eval() digunakan untuk mengevaluasi apa saja yang direpresentasikan di dalam parameterexpression. Syntaxnya seperti inieval(expression) . Di manaexpressionadalah ekspresi valid yang akan diperlakukan sebagai kode JavaScript oleh interpreter. Jika nilai parameterexpressionbukanlah string, maka itu yang akan dikembalikan. Sebagai contoh,eval(5)akan mengembalikan nilai 5. Jika nilai parameterexpressionadalah string, interpreter mencoba untuk menginterpretasikan string tersebut seolah-olah adalah kode JavaScript.Selamat mencoba. Semoga bermanfaat
Hai hai...Kalender di javascript banyak bentuknya. Kali ini saya lagi coba mambuat kalender dengan menggunakan gambar.Hasilnya seperti di bawah ini :Kita cukup membuat script di bawah ini :<head>
<script language="JavaScript">
theDate= new Date();
months = new Array();
days = new Array();
months[1] ="jan.gif";
months[2] ="feb.gif";
months[3] ="mar.gif";
months[4] ="apr.gif";
months[5] ="may.gif";
months[6] ="jun.gif";
months[7] ="jul.gif";
months[8] ="aug.gif";
months[9] ="sep.gif";
months[10] ="oct.gif";
months[11] ="nov.gif";
months[12] ="dec.gif";
days[1] ="1st.gif";
days[2] ="2nd.gif";
days[3] ="3rd.gif";
days[4] ="4th.gif";
days[5] ="5th.gif";
days[6] ="6th.gif";
days[7] ="7th.gif";
days[8] ="8th.gif";
days[9] ="9th.gif";
days[10] ="10th.gif";
days[11] ="11th.gif";
days[12] ="12th.gif";
days[13] ="13th.gif";
days[14] ="14th.gif";
days[15] ="15th.gif";
days[16] ="16th.gif";
days[17] ="17th.gif";
days[18] ="18th.gif";
days[19] ="18th.gif";
days[20] ="20th.gif";
days[21] ="21st.gif";
days[22] ="22nd.gif";
days[23] ="23rd.gif";
days[24] ="24th.gif";
days[25] ="25th.gif";
days[26] ="26th.gif";
days[27] ="27th.gif";
days[28] ="28th.gif";
days[29] ="29th.gif";
days[30] ="30th.gif";
days[31] ="31st.gif";
function printDate() {
document.write('<img src="' + months[theDate.getMonth()+1] + '">'); //bulan
document.write('</br>');
document.write('<img src="' + days[theDate.getDate()] + '">'); // hari
document.write('<font style="font-family:Verdana, Geneva, sans-serif; size:19px; color:#F0F">' + theDate.getFullYear() + '</font>'); // tahun
}
</script>
</head>
<body>
<center>
<script>
printDate();
</script>
</center>
</body>Ada satu hal yang harus diperhatikan , mengapa script untuk mengambil bulan (theDate.getMonth()+1) harus menggunakan +1 ? karena Javascript menghitung bulan dari 0 sampai 11, itu berarti untuk Januari 0 dan Desember 11, maka harus di tambah 1. Hehehe...Jangan lupa download image nya disini yaa..klik DOWNLOAD IMAGE , lalu simpan di folder aplikasi kamu.Oh iya Image ini sumbernya dari http://www.site-ations.com dan http://www.bruce-hamilton.comSelamat mencoba :)
Hai teman,sudah lama sekali saya tidak menulis, akhir-akhir ini lumayan sibuk. Hehe...Kali ini saya akan berbagi coding membuat grafik sederhana menggunakan Highcharts.Ikuti langkah-langkahnya yuuu.Seperti biasa yang pertama kita lakukan adalah membuat database, buat database dengan nama penjualan. Lalu buat tabel sederhana dan beri nama tabel penjualanSetelah itu buat struktur tabel dan isi tabel seperti di bawah iniLalu buat nama file config.php , dan isikan coding seperti di bawah ini:<?php
//defined('ROOT') or die('');
define('db_host','localhost');
define('db_user','root');
define('db_pass','');
define('db_name','penjualan');
mysql_connect(db_host,db_user,db_pass);
mysql_select_db(db_name);
?>Selanjutnya kita buat file dengan nama file grafik.php dan isi seperti di bawah ini :<html>
<head>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Grafik Penjualan Kamera '
},
xAxis: {
categories: ['brand']
},
yAxis: {
title: {
text: 'Jumlah terjual'
}
},
series:
[
<?php
include('config.php');
$sql = "SELECT brand FROM penjualan";
$query = mysql_query( $sql ) or die(mysql_error());
while( $ret = mysql_fetch_array( $query ) ){
$brand=$ret['brand'];
$sql_jumlah = "SELECT jumlah FROM penjualan WHERE brand='$brand'";
$query_jumlah = mysql_query( $sql_jumlah ) or die(mysql_error());
while( $data = mysql_fetch_array( $query_jumlah ) ){
$jumlah = $data['jumlah'];
}
?>
{
name: '<?php echo $brand; ?>',
data: [<?php echo $jumlah; ?>]
},
<?php } ?>
]
});
});
</script>
</head>
<body>
<div id='container'></div>
</body>
</html>Jangan lupa download folder js lalu simpan di dalam folder aplikasi grafik kamu. klik DOWNLOAD.Hasilnya seperti di bawah ini :Selamat mencoba. Semoga bermanfaat :)
