Mengatasi error(js & html) dan sudah selesai

HaykalRadiandra · Aug 3, 2022 · 6aee489 · 6aee489 · vercel · Apr 27, 2023
1 parent f31556b
commit 6aee489
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/assets/Storage.js b/assets/Storage.js
@@ -34,7 +34,7 @@ function showHistory() {
 function renderHistory() {
    const historyData = showHistory();
    let historyList = document.querySelector("#historyList");
-   historyList.innerHTML = "";
+   historyList.innerHTML="";
 
    for (let history of historyData) {
        let row = document.createElement('tr');
@@ -46,5 +46,5 @@ function renderHistory() {
        historyList.appendChild(row);
    }
 }
- 
+
 renderHistory();
diff --git a/assets/kalkulator.js b/assets/kalkulator.js
@@ -65,8 +65,8 @@ function performCalculation() {
    putHistory(history);
    calculator.displayNumber = result;
    renderHistory();
-}
-
+  }
+  
 const buttons = document.querySelectorAll('.button');
 for (const button of buttons) {
   button.addEventListener('click', function (event) {

diff --git a/assets/style.css b/assets/style.css
@@ -62,7 +62,15 @@
      text-shadow: 2px 2px 4px white;
    }
 
-  @media screen and (max-width: 992px) {
+  @media screen and (max-width: 513px) {
+
+    /* .button {
+      padding: 10px;
+    }
+
+    .history {
+      width: 100%;
+    } */
 
     .card {
       padding: 15px;

diff --git a/index.html b/index.html
@@ -50,7 +50,7 @@ <h2>Riwayat Perhitungan</h2>
             <th>Hasil</th>
           </tr>
         </thead>
-        <tbody class="historyList"></tbody>
+        <tbody id="historyList"></tbody>
       </table>
 
     </div>