diff --git a/index.html b/index.html
index 449b47e..c3f3071 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,10 @@
 					</div>
 				</div>
 				<div id="keyboard">
+					<button class="operator" id="log">log</button>
+					<button class="operator" id="sqrt">sqrt</button>
+					<button class="operator" id="pi">pi</button>
+                                        <button class="operator" id="ln">ln</button> 
 					<button class="operator" id="clear">C</button>
 					<button class="operator" id="backspace">CE</button>
 					<button class="operator" id="%">%</button>
@@ -41,4 +45,4 @@
 		</div>
 		<script src="script.js"></script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/script.js b/script.js
index 8822186..f9bc22a 100644
--- a/script.js
+++ b/script.js
@@ -56,6 +56,26 @@ for(var i =0;i<operator.length;i++){
 					printOutput(result);
 					printHistory("");
 				}
+				else if(this.id=="log"){
+                                  var result=eval(Math.log10(history));
+                                  printOutput(result);
+                                   printHistory("");
+                                }
+                              else if(this.id=="sqrt"){
+                                 var result=eval(Math.sqrt(history));
+                                  printOutput(result);
+                                  printHistory("");
+                                }
+                             else if(this.id=="ln"){
+                                 var result=eval(Math.log2(history));
+                                 printOutput(result);
+                                 printHistory("");
+                                }
+                             else if(this.id=="pi"){
+                                var result=eval(Math.PI);
+                                 printOutput(result);
+                                 printHistory("");
+                                }
 				else{
 					history=history+this.id;
 					printHistory(history);
@@ -75,4 +95,4 @@ for(var i =0;i<number.length;i++){
 			printOutput(output);
 		}
 	});
-}
\ No newline at end of file
+}
diff --git a/style.css b/style.css
index 2db432c..0eafba7 100644
--- a/style.css
+++ b/style.css
@@ -4,13 +4,13 @@ body{
 }
 #container{
 	width: 1000px;
-	height: 550px;
+	height: 615px;
 	background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(bgImg.jpg);
 	margin: 20px auto;	
 }
 #calculator{
 	width: 320px;
-	height: 520px;
+	height: 586px;
 	background-color: #eaedef;
 	margin: 0 auto;
 	top: 20px;
@@ -79,4 +79,8 @@ button:nth-child(16){
 button:nth-child(20){
 	font-size: 20px;
 	background-color: #9477af;
-}
\ No newline at end of file
+}
+button:nth-child(24){
+	font-size: 20px;
+	background-color: #0fe90f;
+}