diff --git "a/\350\256\241\347\256\227\345\231\250/css/shur.css" "b/\350\256\241\347\256\227\345\231\250/css/shur.css"
new file mode 100644
index 0000000000000000000000000000000000000000..44d1f528a6feead2d36c2f0c38e4688cc93e7abe
--- /dev/null
+++ "b/\350\256\241\347\256\227\345\231\250/css/shur.css"
@@ -0,0 +1,28 @@
+.whole{
+	width: 430px;
+	height: 730px;
+	margin: auto;
+	border-style: solid;
+	border-color: darkgray;
+}
+input[type=button]{
+				width:78px;
+				height:78px;
+				border-radius: 15px;
+				font-size: x-large;
+			    border-style: none;
+				transition: all 0.2s;
+			}
+input[type=button]:hover{
+         filter: brightness(0.95);
+}
+
+
+.input1{
+	width: 422px;
+	height: 210px;
+	background-color: white;
+	border-style: solid;
+	border-color: white;
+	font-size: -webkit-xxx-large;
+}
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\345\231\250/img/divide.png" "b/\350\256\241\347\256\227\345\231\250/img/divide.png"
new file mode 100644
index 0000000000000000000000000000000000000000..3dabe75472c2cf582c9d0916b34f7ad04768c349
Binary files /dev/null and "b/\350\256\241\347\256\227\345\231\250/img/divide.png" differ
diff --git "a/\350\256\241\347\256\227\345\231\250/img/times.png" "b/\350\256\241\347\256\227\345\231\250/img/times.png"
new file mode 100644
index 0000000000000000000000000000000000000000..523bea20091b0949901b18edccc3cbda274e6750
Binary files /dev/null and "b/\350\256\241\347\256\227\345\231\250/img/times.png" differ
diff --git "a/\350\256\241\347\256\227\345\231\250/index.html" "b/\350\256\241\347\256\227\345\231\250/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fad7202ea81db2a3fa6ebcfa07480765df94194b
--- /dev/null
+++ "b/\350\256\241\347\256\227\345\231\250/index.html"
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<link rel="stylesheet" type="text/css" href="css/shur.css" />
+		<script type="text/javascript">
+			function test(btn) {
+				var num = btn.value;
+				switch (num) {
+
+					case "C":
+						document.getElementById("inp").value = "";
+						break;
+					case "CE":
+						document.getElementById("inp").value = document.getElementById("inp").value.substr(0, document
+							.getElementById("inp").value.length - 1);
+						break;
+					case "+":
+						document.getElementById("inp").value = document.getElementById("inp").value + "+";
+						break;
+					case "-":
+						document.getElementById("inp").value = document.getElementById("inp").value + "-";
+						break;
+					case ".":
+						document.getElementById("inp").value = document.getElementById("inp").value + ".";
+						break;
+					case "%":
+						document.getElementById("inp").value = document.getElementById("inp").value / 100;
+						break;
+					case "tan":
+						document.getElementById("inp").value = document.getElementById("inp").value + 'tan(';
+						break;
+					case "cos":
+						document.getElementById("inp").value = document.getElementById("inp").value + 'cos(';
+						break;
+					case "sin":
+						document.getElementById("inp").value = document.getElementById("inp").value + 'sin(';
+						break;
+					case "x^y":
+						document.getElementById("inp").value = document.getElementById("inp").value + "^";
+						break;
+					case "ln":
+						document.getElementById("inp").value = document.getElementById("inp").value + 'ln(';
+						break;
+					case "lg":
+						document.getElementById("inp").value = document.getElementById("inp").value + 'lg(';
+						break;
+					case"√x":
+                        document.getElementById("inp").value = document.getElementById("inp").value + '√';
+						break;
+					default:
+						document.getElementById("inp").value = document.getElementById("inp").value + num;
+						break;
+
+				}
+			}
+
+
+
+			function equal() {
+				var str0 = document.getElementById("inp").value;
+				var str = str0.replace(/×/g, '*');
+				str = str.replace(/÷/g, '/');
+				str = str.replace(/π/g, 'Math.PI');
+				str = str.replace(/e/g, 'Math.E');
+				str = str.replace(/\(/, '');
+				if (str.indexOf("sin") >= 0) {
+					str = str.replace(/sin/g, 'Math.round(Math.sin((Math.PI/180)*');
+					str += '*1000000)/1000000';
+					document.getElementById('inp').value = eval(str);
+
+				} else if (str.indexOf("cos") >= 0) {
+					str = str.replace(/cos/g, 'Math.round(Math.cos((Math.PI/180)*');
+					str += '*1000000)/1000000';
+					document.getElementById('inp').value = eval(str);
+				} else if (str.indexOf("tan") >= 0) {
+					str = str.replace(/tan/g, 'Math.round(Math.tan((Math.PI/180)*');
+					str += '*1000000)/1000000';
+					document.getElementById('inp').value = eval(str);
+				} else if (str.indexOf("^") >= 0) {
+					var pos = str0.indexOf('^');
+					var pow1 = str0.substring(0, pos);
+					var pow2 = str0.substring(pos + 1, str0.length + 1);
+					result = Math.pow(pow1, pow2);
+					document.getElementById('inp').value = eval(result);
+				} else if (str.indexOf("ln") >= 0) {
+					str = str.replace(/ln/g, 'Math.round(Math.log(');
+					str += '*1000000)/1000000';
+
+					document.getElementById('inp').value = eval(str);
+				} else if (str.indexOf("lg") >= 0) {
+					str = str.replace(/lg/g, 'Math.round(Math.LOG10E*Math.log(');
+					str += '*1000000)/1000000';
+					document.getElementById('inp').value = eval(str);
+				} else if (str.indexOf("√") >= 0) {
+					var pos = str0.indexOf('√');
+					var pow1 = str0.substring(0, pos);
+					var pow2 = str0.substring(pos + 1, str0.length + 1);
+					if (pow1 == '') {
+						result = Math.pow(pow2, 0.5);
+						document.getElementById('inp').value = eval(result);
+					} else {
+						result = Math.pow(pow2, 1 / pow1);
+						document.getElementById('inp').value = eval(result);
+					}
+				} else
+				   { 
+					   var str2=eval(str);
+					   str2=str2.toFixed(6);
+					   document.getElementById('inp').value = str2;
+					   
+				   
+					}
+					
+					
+
+			}
+		</script>
+		<title></title>
+	</head>
+	<body>
+		<div id="" class="whole">
+			<div id="">
+				<input type="text" name="" id="inp" value="" readonly="readonly" class="input1" />
+			</div>
+			<table border="0" cellspacing="" cellpadding="2.5px" style="margin: auto;">
+
+				<tr>
+					<th><input type="button" name="" id="" value="sin" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value=")" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="x^y" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="√x" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="π" onclick="test(this)" /></th>
+				</tr>
+				<tr>
+					<th><input type="button" name="" id="" value="cos" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="C" style="background-color: #CEE3F6;color: #436EEE;"
+							onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="÷"
+							style="background-color: #CEE3F6;background-size: cover;color:#436EEE;  "
+							onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="×"
+							style="background-color: #CEE3F6;background-size: cover;color:#436EEE;"
+							onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="CE" style="background-color: #CEE3F6;color: #436EEE;"
+							onclick="test(this)" /></th>
+
+				</tr>
+				<tr>
+					<th><input type="button" name="" id="" value="tan" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="7" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="8" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="9" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="-" style="background-color: #CEE3F6;color: #436EEE;"
+							onclick="test(this)" /></th>
+				</tr>
+				<tr>
+					<th><input type="button" name="" id="" value="lg" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="4" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="5" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="6" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="+" style="background-color: #CEE3F6;color: #436EEE;"
+							onclick="test(this)" /></th>
+				</tr>
+				<tr>
+					<th><input type="button" name="" id="" value="ln" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="1" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="2" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="3" onclick="test(this)" /></th>
+					<th rowspan="2"><input type="button" name="" id="" value="="
+							style="width: 75;height: 160px;background-color: #218868;color: white;" onclick="equal()" />
+					</th>
+				</tr>
+				<tr>
+					<th><input type="button" name="" id="" value="e" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="%" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="0" onclick="test(this)" /></th>
+					<th><input type="button" name="" id="" value="." onclick="test(this)" /></th>
+				</tr>
+
+			</table>
+		</div>
+	</body>
+</html>
