Add files via upload

mininxd · Jan 13, 2024 · f07eb69 · f07eb69
1 parent 1fc7e39
commit f07eb69
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,4 @@
 <head>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script type="module" src="./script.js"></script>
   <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="./style.css">
@@ -11,32 +10,32 @@
   </div>
   <div class="btnContainer">
     <div class="btnChild">
-    <div id="clearEl" class="btn">AC</div>
-    <div id="multiEl" class="btn">^</div>
-    <div id="percentEl" class="btn">%</div>
-    <div id="kaliEl" class="btn">×</div>
+    <div id="clearEl" class="btn AC">AC</div>
+    <div id="multiEl" class="btn operator">^</div>
+    <div id="percentEl" class="btn operator">%</div>
+    <div id="kaliEl" class="btn operator">×</div>
     </div><div class="btnChild">
     <div id="tujuhEl" class="btn">7</div>
     <div id="delapanEl" class="btn">8</div>
     <div id="sembilanEl" class="btn">9</div>
-    <div id="bagiEl" class="btn">÷</div>
+    <div id="bagiEl" class="btn operator">÷</div>
     </div><div class="btnChild">
     <div id="empatEl" class="btn">4</div>
     <div id="limaEl" class="btn">5</div>
     <div id="enamEl" class="btn">6</div>
-    <div id="kurangEl" class="btn">-</div>
+    <div id="kurangEl" class="btn operator">-</div>
     </div><div class="btnChild">
     <div id="satuEl" class="btn">1</div>
     <div id="duaEl" class="btn">2</div>
     <div id="tigaEl" class="btn">3</div>
-    <div id="tambahEl" class="btn">+</div>
+    <div id="tambahEl" class="btn operator">+</div>
         </div><div class="btnChild">
     <div id="titikEl" class="btn">.</div>
     <div id="nolEl" class="btn">0</div>
     <div id="deleteEl" class="btn">del</div>
-    <div id="jumlahEl" class="btn">=</div>
+    <div id="jumlahEl" class="btn jumlah">=</div>
     </div>
   <p class="footer">mininxd</p>
   </div>
 
-</body>
+</body>
diff --git a/style.css b/style.css
@@ -1,13 +1,14 @@
  body {
    position: relative;
    padding:0;
+   font-family: Sans-Serif;
  }
    div.rumusContainer {
    border-radius: 0 0 10px 10px;
    padding:0 1% 0 1%;
      height: 20%;
      width: 98%;
-     background: #eee;
+     background: #EAEFF9;
      text-align: right;
      font-size: 65px;
    }
@@ -43,7 +44,7 @@
      padding: 10px;
      line-height: 60px;
      font-size: 40px;
-     border:1px #000 solid;
+     background: #F7F9FC;
      height: 60px;
      width: 70px;
      margin: 5px;
@@ -53,6 +54,15 @@
      background: #eee;
      border-radius: 20px;
    }
+   div.operator {
+     background: #C2E7FF !important;
+   }
+   div.AC {
+     background: #BAE3C6 !important;
+   }
+   div.jumlah {
+     background: #D2E2FC !important;
+   }
    p.footer {
      text-align: center;
      font-style: oblique;