Programming Examples

JavaScript code to design a simple calculator to perform the following operations sum product difference and quotient


Write a JavaScript to design a simple calculator to perform the following operations: sum, product, difference and quotient.

Solution

<!DOCTYPE html>
<html>
<head>
	<title>Basic Calculator</title>
    <script language="javascript">
		function cal()
		{
			var n1,n2,res,opr;
			n1=parseInt(document.getElementById("t1").value);
			n2=parseInt(document.getElementById("t2").value);
			opr=document.getElementById("s1").value;
			switch(opr)
			{
				case '+':
				res=n1+n2;
				document.getElementById("t3").value=res;
				break;
				case '-':
				res=n1-n2;
				document.getElementById("t3").value=res;
				break;
				case '*':
				res=n1*n2;
				document.getElementById("t3").value=res;
				break;
				case '/':
				res=n1/n2;
				document.getElementById("t3").value=res;
				break;
				default:
				document.getElementById("t3").value="Invalid Operator";
			}
		}
	</script>
</head>

<body>
	<form>
    	<table>
        	<tr>	
            	<td>Number 1</td>
                <td><input type="number" id="t1"/></td>
            </tr>
            <tr>	
            	<td>Number 2</td>
                <td><input type="number" id="t2"/></td>
            </tr>
            <tr>	
            	<td>Result</td>
                <td><input type="text" id="t3"/></td>
            </tr>
            <tr>	
            	<td>Select Operation</td>
                <td>
                	<select id="s1">
                    	<option value="">Select Operation</option>
						<option value="+">Addition</option>
                        <option value="-">Substraction</option>
                        <option value="*">Product</option>
                        <option value="/">Quotient</option>
                    </select>
                </td>
            </tr>
            <tr>	
            	<td></td>
                <td><input type="button" value="Calculate" onClick="cal()"/></td>
            </tr>
        </table>
    </form>
</body>
</html>
Output

CCC Online Test 2021 CCC Practice Test Hindi Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Best Java Training Institute in Prayagraj (Allahabad) Best Python Training Institute in Prayagraj (Allahabad) O Level NIELIT Study material and Quiz Bank SSC Railway TET UPTET Question Bank career counselling in allahabad Sarkari Naukari Notification Best Website and Software Company in Allahabad Website development Company in Allahabad Sarkari Exam Quiz