Simple calculator using Pure Javascript

Simple calculator using Pure Javascript

In this Post We Will Explain About is Simple calculator using Pure Javascript With Example and Demo.Welcome on – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Simple calculator using Javascript and CSS3 Example

In this post we will show you Best way to implement simple calculator program using javascript in html, hear for How To Create A Calculator With Javascript, HTML And CSS with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Also Read :   AngularJS Dynamic Carousel Slider Control - Angular Simple-Slider

Pure javascript Calculator(Create A Calculator With Javascript, HTML And CSS) is one of the simple web project a pure Javascript or any programmer language a newly programmer should trands know how to make A simple JavaScript calculator. It is a very easy project So it more main entails (BODMAS)arithmetic Maths operations so Below Source code for Create a simple calculator using JavaScript

A simple JavaScript calculator

Just simple copy the source code for A simple JavaScript calculator and paste it in any text editor Like as Notepad++ or any editor and save it as file of theindex.html (dot).html.

Also Read :   jQuery Form Submit Without Page Refresh using PHP MySQLi

<!DOCTYPE html>
<html lang="en">
	<title>Javascript - Simple Calculator</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<meta charset="UTF-8" name="viewport" content="width-device-width, initial-scale=1"/>
	<nav class="live24u navbar navbar-default">
		<div class="live24u container-fluid">
			<a class="live24u navbar-brand" href=""></a>
	<div class="livesourcecode col-sm-3"></div>
	<div class="live24u col-sm-6 well">
		<h3 class="live24u text-success">Javascript - Simple Calculator</h3>
		<hr style="live24u border-top:1px dotted #ccc;"/>
		<div class="col-sm-2"></div>
		<div class="col-sm-8">
			<div class="col-sm-1"></div>
			<div class="col-sm-10 well" style="background-color:#ccc;">
			<form name="liveCalc">
				<input type="text" name="live_res" style="width:100%; height:50px; font-size:30px;">
				<br /><br />
				<button type="button" onclick="liveCalc.live_res.value+='1'" style="padding:22px; margin-left:5px; font-size:12px;">1</button>
				<button type="button" onclick="liveCalc.live_res.value+='2'" style="padding:22px; font-size:12px;" >2</button>
				<button type="button" onclick="liveCalc.live_res.value+='3'" style="padding:22px; font-size:12px;">3</button>
				<button type="button" onclick="liveCalc.live_res.value+='+'" style="padding:22px; font-size:12px;">+</button>
				<br /><br />
				<button type="button" onclick="liveCalc.live_res.value+='4'"  style="padding:22px; margin-left:5px; font-size:12px;">4</button>
				<button type="button" onclick="liveCalc.live_res.value+='5'"  style="padding:22px; font-size:12px;">5</button>
				<button type="button" onclick="liveCalc.live_res.value+='6'"  style="padding:22px; font-size:12px;">6</button>
				<button type="button" onclick="liveCalc.live_res.value+='-'"  style="padding-top:22px; padding-bottom:22px; padding-right:27px; padding-left:27px; font-size:12px;">-</button>
				<br /><br />
				<button type="button" onclick="liveCalc.live_res.value+='7'"  style="padding:22px; margin-left:5px; font-size:12px;">7</button>
				<button type="button" onclick="liveCalc.live_res.value+='8'"  style="padding:22px; font-size:12px;">8</button>
				<button type="button" onclick="liveCalc.live_res.value+='9'"  style="padding:22px; font-size:12px;">9</button>
				<button type="button" onclick="liveCalc.live_res.value+='*'"  style="padding-top:22px; padding-bottom:22px; padding-right:24px; padding-left:24px; font-size:13px;">x</button>
				<br /><br />
				<button type="button" onclick="liveCalc.live_res.value =''"  style="padding:22px; margin-left:5px; font-size:12px;">C</button>
				<button type="button" onclick="liveCalc.live_res.value+='0'"  style="padding:22px; font-size:12px;">0</button>
				<button type="button" onclick="liveCalc.live_res.value=eval(liveCalc.live_res.value)"  style="padding:22px; font-size:12px;">=</button>
				<button type="button" onclick="liveCalc.live_res.value+='/'"  style="padding-top:22px; padding-bottom:22px; padding-right:24px; padding-left:24px; font-size:12px;">/</button>

Simple calculator using Javascript

Also Read :   Drag And Drop Multiple File Uploading using DropzoneJS and PHP Example

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example


I hope you have Got What is A simple JavaScript calculator And how it works.I would Like to have FeedBack From My Blog( readers.Your Valuable FeedBack,Any Question,or any Comments about This Article( Are Most Always Welcome.