diff --git a/calc/index.html b/calc/index.html
new file mode 100644
index 0000000..ff7cd94
--- /dev/null
+++ b/calc/index.html
@@ -0,0 +1,20 @@
+﻿<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<meta charset="UTF-8">
+	<title>Calc</title>
+	<link rel="stylesheet" href="style.css"/>
+	<script type="text/javascript" src="script.js"></script>
+</head>
+<body>
+<form name="clacForm">
+	<input type="text" name="calcDisp"/>
+	<div class="num">
+		<input type="button" onclick="addChar('7')" value="7"/><input type="button" onclick="addChar('8')" value="8"/><input type="button" onclick="addChar('9')" value="9"/><input type="button" onclick="addChar('4')" value="4"/><input type="button" onclick="addChar('5')" value="5"/><input type="button" onclick="addChar('6')" value="6"/><input type="button" onclick="addChar('1')" value="1"/><input type="button" onclick="addChar('2')" value="2"/><input type="button" onclick="addChar('3')" value="3"/><input type="button" value=" "/><input type="button" onclick="addChar('0')" value="0"/><input type="button" value=" "/>
+	</div>
+	<div class="opt">
+		<input type="button" onclick="addChar('/')" value="/"/><input type="button" onclick="addChar('*')" value="*"/><input type="button" onclick="addChar('-')" value="-"/><input type="button" onclick="addChar('+')" value="+"/><input type="button" onclick="calc()" value="="/>
+	</div>
+</form>
+</body>
+</html>
\ No newline at end of file
diff --git a/calc/script.js b/calc/script.js
new file mode 100644
index 0000000..fa72f86
--- /dev/null
+++ b/calc/script.js
@@ -0,0 +1,7 @@
+﻿function addChar(character) {
+	document.clacForm.calcDisp.value = document.clacForm.calcDisp.value + character;
+}
+
+function calc() {
+	document.clacForm.calcDisp.value = eval(document.clacForm.calcDisp.value);
+}
\ No newline at end of file
diff --git a/calc/style.css b/calc/style.css
new file mode 100644
index 0000000..803c822
--- /dev/null
+++ b/calc/style.css
@@ -0,0 +1,45 @@
+﻿div, form, input {
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+form {
+	overflow: hidden;
+	margin: auto;
+	width: 287px;
+	height: 377px;
+}
+
+input[type="text"] {
+	width: 285px;
+	height: 75px;
+	border: 1px solid #000;
+	text-align: right;
+	font-size: xx-large;
+	padding-right: .5em;
+}
+
+input[type="button"] {
+	border-top: 0;
+	border-right: 0;
+	border-bottom: 1px solid #000;
+	border-left: 1px solid #000;
+	background-color: #FFF;
+	font-size: x-large;
+}
+
+.num {
+	float: left;
+	width: 225px;
+}
+
+.num input[type="button"] {
+	width: 75px;
+	height: 75px;
+}
+
+.opt input[type="button"] {
+	width: 60px;
+	height: 60px;
+	border-right: 1px solid #000;
+}
\ No newline at end of file
