» » Tutorial Membuat Kalkulator Dengan HTA dan JavaScript

Tutorial Membuat Kalkulator Dengan HTA dan JavaScript

10:58


Assalamualaikum warohmatullohi wabarokatu Sobat IT :D
ketemu lagi nih sama gue mimin Peluru Kertas :D ,, kali ini gue mau share HTA sama javascript nih
"Tutorial Membuat Kalkulator Dengan HTA dan JavaScript"

sebelumnya sudah tau gak gan HTA itu apa ? :D mending sebelum lanjut baca dulu deh gak nih artikel Loker Ilmu IT yang satu ini :) :

Klik

Setelah itu simak deh spoiler script dibawah ini :


Spoiler for script

Kalkulator Code:

<hta:application
showintaksbar=10
caption=10
/>
<html>
<body>
<title>Kalkulator</title>
<SCRIPT LANGUAGE="JavaScript">
 function addChar(input, character) {
 if(input.value == null || input.value == "0")
 input.value = character
 else
 input.value += character
 }

 function cos(form) {
 form.display.value = Math.cos(form.display.value);
 }

 function sin(form) {
 form.display.value = Math.sin(form.display.value);
 }

 function tan(form) {
 form.display.value = Math.tan(form.display.value);
 }

 function sqrt(form) {
 form.display.value = Math.sqrt(form.display.value);
 }

 function ln(form) {
 form.display.value = Math.log(form.display.value);
 }

 function exp(form) {
 form.display.value = Math.exp(form.display.value);
 }

 function deleteChar(input) {
 input.value = input.value.substring(0, input.value.length - 1)
 }

 function changeSign(input) {
 if(input.value.substring(0, 1) == "-")
 input.value = input.value.substring(1, input.value.length)
 else
 input.value = "-" + input.value
 }

 function compute(form) {
 form.display.value = eval(form.display.value)
 }

 function square(form) {
 form.display.value = eval(form.display.value) * eval(form.display.value)
 }

 function checkNum(str) {
 for (var i = 0; i< str.length; i++) {
 var ch = str.substring(i, i+1)
 if (ch < "0" || ch >"9") {
 if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "."
 && ch != "(" && ch!= ")") {
 alert("invalid entry!")
 return false
 }
 }
 }
 return true
 }
</SCRIPT>

<FORM NAME="sci-calc">
<TABLE CELLSPACING="0" CELLPADDING="1">
<TR>
<TD COLSPAN="5" ALIGN="center">
<INPUT NAME="display" VALUE="0" SIZE="28" MAXLENGTH="25">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" exp " ONCLICK="if (checkNum(this.form.display.value)) { exp(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 7 " ONCLICK="addChar(this.form.display, '7')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 8 " ONCLICK="addChar(this.form.display, '8')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 9 " ONCLICK="addChar(this.form.display, '9')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" / " ONCLICK="addChar(this.form.display, '/')">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" ln " ONCLICK="if (checkNum(this.form.display.value)) { ln(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 4 " ONCLICK="addChar(this.form.display, '4')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 5 " ONCLICK="addChar(this.form.display, '5')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 6 " ONCLICK="addChar(this.form.display, '6')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" * " ONCLICK="addChar(this.form.display, '*')">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" sqrt " ONCLICK="if (checkNum(this.form.display.value)) { sqrt(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 1 " ONCLICK="addChar(this.form.display, '1')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 2 " ONCLICK="addChar(this.form.display, '2')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 3 " ONCLICK="addChar(this.form.display, '3')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" - " ONCLICK="addChar(this.form.display, '-')">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" sq " ONCLICK="if (checkNum(this.form.display.value)) { square(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" 0 " ONCLICK="addChar(this.form.display, '0')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" . " ONCLICK="addChar(this.form.display, '.')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" +/- " ONCLICK="changeSign(this.form.display)">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" + " ONCLICK="addChar(this.form.display, '+')">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" ( " ONCLICK="addChar(this.form.display, '(')">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE="cos" ONCLICK="if (checkNum(this.form.display.value)) { cos(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" sin" ONCLICK="if (checkNum(this.form.display.value)) { sin(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" tan" ONCLICK="if (checkNum(this.form.display.value)) { tan(this.form) }">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE=" ) " ONCLICK="addChar(this.form.display, ')')">
</TD>
</TR>
<TR>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE="clear" ONCLICK="this.form.display.value = 0 ">
</TD>
<TD ALIGN="center" COLSPAN="3">
<INPUT TYPE="button" VALUE="backspace" ONCLICK="deleteChar(this.form.display)">
</TD>
<TD ALIGN="center">
<INPUT TYPE="button" VALUE="enter" NAME="enter" ONCLICK="if (checkNum(this.form.display.value)) { compute(this.form) }">
</TD>
</TR>
</TABLE>
</FORM>
</body>
</html>


Nah buka spoiler diatas gan ,, copy pasti script nya dinotepad simpan dengan nama kalkulator.hta
kurang lebih penampakannya seperti ini gan nanti :


Yahh cukup menarik sih gan karena tidak memerlukan aplikasi pendukung yang memberatkan cukup dengan notepad saja dan kita sudah bisa membuat aplikasi dekstop sendiri.
Semoga bermanfaat gan (y) 

BAGIKAN:

Subscribe To Get Best Articles!

Jika menurut kalian artikel di blog ini berkualitas dan bermanfaat, silahkan berlangganan artikel terbaru melalui pesan masuk email anda secara gratis.

No comments:

Post a Comment

" Terimakasih telah mengunjungi blog kami ,, silahkan tinggalkan komentar untuk menghargai jerit payah penulis ^_^ "

Subscribe to: Post Comments ( Atom)