Add files via upload

Vishwajeet594 · Sep 25, 2024 · 44d2356 · 44d2356
1 parent e531259
commit 44d2356
Show file tree

Hide file tree

Showing 3 changed files with 141 additions and 0 deletions.
diff --git a/Calculator/caclci.html b/Calculator/caclci.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="calci.css">
+</head>
+<body>
+    <p class="head">CALCULATOR</p>
+    <div class="container">
+        <div class="calci">
+        <form  class="vk">
+        <div class="display">
+            <input type="text" name="display">
+        </div>
+        <div class="buttons">
+            <input type="button" value="AC" onclick="display.value='' " class="color">
+            <input type="button" value="DE" onclick="display.value=display.value.toString().slice(0,-1)" class="color">
+            <input type="button" value="." onclick="display.value+='.'" class="color">
+            <input type="button" value="/" onclick="display.value+='/'" class="color">
+            <input type="button" value="7" onclick="display.value+='7'">
+            <input type="button" value="8" onclick="display.value+='8'">
+            <input type="button" value="9" onclick="display.value+='9'">
+            <input type="button" value="*" onclick="display.value+='*'" class="color">
+            <input type="button" value="4" onclick="display.value+='4'">
+            <input type="button" value="5" onclick="display.value+='5'">
+            <input type="button" value="6" onclick="display.value+='6'">
+            <input type="button" value="-" onclick="display.value+='-'" class="color">
+            <input type="button" value="1" onclick="display.value+='1'">
+            <input type="button" value="2" onclick="display.value+='2'">
+            <input type="button" value="3" onclick="display.value+='3'">
+            <input type="button" value="+" onclick="display.value+='+'" class="color">
+            <input type="button" value="00" onclick="display.value+='00'">
+            <input type="button" value="0" onclick="display.value+='0'">
+            <input type="button" value="=" onclick="display.value=eval(display.value)"class="color c">
+        </div>
+        </form>
+    </div>
+    </div>
+
+
+
+
+    <script src="calci.js"></script>
+</body>
+</html>
diff --git a/Calculator/calci.css b/Calculator/calci.css
@@ -0,0 +1,87 @@
+ *{
+    margin: 0px;
+    font-family: Arial;
+    border: border-box;
+ }
+ body{
+    background-color: rgb(63, 60, 60);
+}
+
+.head{
+    font-size: 90px;
+    z-index: -1;
+    text-align: center;
+    font-weight: 700;
+    color: aquamarine;
+
+}
+.vk{
+    height: 500px;
+    width: 300px;
+    background-color: black;
+    margin-left: 500px  ;
+    margin-top: 5px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border-radius: 10px;
+    box-shadow: 0px 1px 8px 0px aquamarine ;
+    margin: 50px auto 0;
+    z-index: 0;
+    padding: 10px;
+    border: 2px solid aquamarine;
+    margin-top: 0px;
+}
+
+.buttons{
+    display: flex;
+    justify-content: space-evenly;
+    gap: 9px;
+    flex-wrap: wrap;
+    padding-bottom: 10px;
+}
+.buttons input{
+    width: 65px;
+    height: 50px;
+    border-radius: 9px;
+    color: white;
+    border: none;
+    border: .1px solid  aqua;
+    background-color: black;
+     box-shadow: 0px 2px 5px 0px rgba(255,255,255,0.4);
+     font-size: 25px;
+     color: wheat;
+}
+
+.buttons input:hover{
+    border: 1px solid  rgba(255,255,255,0.4);
+}
+
+.buttons .color{
+    color: aqua;
+    font-size: 25px;
+}
+
+.buttons .c{
+  width: 145px;
+  background-color: orangered;
+  color: white;
+}
+
+.display{
+    height: 50%;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+    overflow: hidden;
+}
+
+.display input{
+    background-color: transparent;
+    color: white;
+    font-size: 45px;
+    text-align: right;
+    border: none;
+    padding-bottom: 10px;
+
+}
diff --git a/Calculator/calci.js b/Calculator/calci.js
@@ -0,0 +1,7 @@
+let buttons=document.querySelector("buttons");
+
+buttons.addEventListener("click",inputno);
+
+function inputno(){
+
+}