Home javascript Cara Membuat Mathematical Functions Dengan Javascript

Cara Membuat Mathematical Functions Dengan Javascript

Cara Membuat Mathematical Functions Dengan Javascript

Membuat Mathematical Functions Dengan Javascript - Pada postingan ini saya akan coba share cara pembuatan Mathematical Functions. Mathematical Functions ini memiliki fungsi layaknya seperti kalkulator.  Ada Addition, Subtraction, Multiplication, Division, and Modular Operator. Kalukulator ini masih sangat sederhana, dan buat sobat yang ingin Silahkan copy kode script dibawah ini.


Simpan code scriptnya sebagai index.php

<!DOCTYPE html>  
 <html>  
 <head>  
 <title>Mathematical Functions in Javascript</title>  
 <!-- Addition Operator -->  
 <script language="javascript" type="text/javascript">  
 function add(){  
 a=Number(document.calculator.text1.value);  
 b=Number(document.calculator.text2.value);  
 c=a+b;  
 document.calculator.total.value=c;  
 }  
 </script>  
 <!-- Subtraction Operator -->  
 <script language="javascript" type="text/javascript">  
 function subtract(){  
 a=Number(document.calculator.text1.value);  
 b=Number(document.calculator.text2.value);  
 c=a-b;  
 document.calculator.total.value=c;  
 }  
 </script>  
 <!-- Multiplication Operator -->  
 <script language="javascript" type="text/javascript">  
 function multiply(){  
 a=Number(document.calculator.text1.value);  
 b=Number(document.calculator.text2.value);  
 c=a*b;  
 document.calculator.total.value=c;  
 }  
 </script>  
 <!--Division Operator-->  
 <script language="javascript" type="text/javascript">  
 function divide(){  
 a=Number(document.calculator.text1.value);  
 b=Number(document.calculator.text2.value);  
 c=a/b;  
 document.calculator.total.value=c;  
 }  
 </script>  
 <!--Modular Operator-->  
 <script language="javascript" type="text/javascript">  
 function modulus(){  
 a=Number(document.calculator.text1.value);  
 b=Number(document.calculator.text2.value);  
 c=a%b;  
 document.calculator.total.value=c;  
 }  
 </script>  
 <style>  
 form {  
 height:290px;  
 width:300px;  
 text-align:center;  
 border:1px solid #aaa;  
 border-radius:5px 5px;  
 }  
 </style>  
 </head>  
 <body>  
 <br>  
 <form name="calculator">  
  <h2>Mathematical Functions</h2>  
 <input type="text" name="text1" placeholder="Operand"><br><br>  
 <input type="text" name="text2" placeholder="Operand"><br><br>  
 <input type="button" value="Add" onClick="javascript:add();">  
 <input type="button" value="Sub" onClick="javascript:subtract();">  
 <input type="button" value="Mul" onClick="javascript:multiply();"><br><br>  
 <input type="button" value="Div" onClick="javascript:divide();">  
 <input type="button" value="Mod" onClick="javascript:modulus();">  
 <br><br>  
 <b>Result:</b><br>  
 <input type="text" name="total" disabled>  
 </form>  
 </body>  
 </html>

Semoga Bermanfaat ya...
More From Author