Add files via upload

Author: NightRunners02

Praktikum/Praktikum1/index.html

@@ -30,11 +30,10 @@
             <button onclick="appendNumber('3')">3</button>
             <button onclick="appendNumber('%')">%</button>
 
-
             <button onclick="appendNumber('0')" class="zero">0</button>
+            <button onclick="appendNumber('^')">^</button>
             <button onclick="appendNumber('.')">.</button>
             <button onclick="calculate()">=</button>
-
         </div>
     </div>
     <script src="script.js"></script>

Praktikum/Praktikum1/purple-aesthetic-rain.gif

@@ -3,6 +3,10 @@ let display = document.getElementById('display');
 
 // Fungsi untuk menambah angka/simbol ke display
 function appendNumber(number) {
+    // Jika ada tulisan "Error", kita hapus dulu sebelum menambahkan angka
+    if (display.value === 'Error') {
+        display.value = '';
+    }
     display.value += number;
 }
 
@@ -19,10 +23,10 @@ function deleteLast() {
 // Fungsi untuk menghitung hasil
 function calculate() {
     try {
-        // Tangani simbol '%' untuk mengkonversinya menjadi perhitungan persentase
-        let expression = display.value.replace(/([0-9]+)%/g, "(($1)/100)");
+        let expression = display.value
+            .replace(/([0-9]+)%/g, "(($1)/100)") // Ubah % jadi operasi persentase
+            .replace(/\^/g, "**"); // Ubah ^ jadi operasi pangkat
 
-        // Evaluasi ekspresi yang sudah dimodifikasi
         display.value = eval(expression);
     } catch (error) {
         display.value = 'Error';

Praktikum/Praktikum1/script.js

@@ -5,18 +5,22 @@
 }
 
 body {
+    font-family: Arial, sans-serif;
+    background-image: url('purple-aesthetic-rain.gif');
+    background-size: cover;
+    background-position: center;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #000000;
-    font-family: 'Arial', sans-serif;
 }
 
 .calculator {
+    
     width: 320px;
     padding: 20px;
-    background-color: #00e1ff;
+    background-color: #2a0a51;
+    color: #fff;
     border-radius: 10px;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }
@@ -48,14 +52,20 @@ button {
     border-radius: 5px;
     cursor: pointer;
     transition: background-color 0.3s;
+    padding: 10px; /* Menambah padding untuk semua tombol */
 }
 
 button:hover {
     background-color: #f2ff00;
 }
 
 button.zero {
-    grid-column: span 2;
+    grid-column: span 2; /* Membuat tombol 0 selebar 2 kolom */
+}
+
+button.equal {
+    grid-column: span 2; /* Membuat tombol = selebar 2 kolom */
+    height: 130px; /* Memperpanjang tombol = */
 }
 
 button:active {