Redax +OOP

HW11 Redux/script.js

@@ -1,22 +1,40 @@
-function reducer(state, {type, ШО, СКОКА}){ 
+function reducer(state, {type, ШО, СКОКА, касса, ДЕНЕГ }){ 
     if (!state){ 
         return {
             пиво: {
-                count: 10,
-                price: 20
+                count: 100,
+                СКОКА: 20
             },
             чипсы: 100,
             сиги: 100,
-            касса: 0
+            касса: 0,
+            ДЕНЕГ: 80
 
         }
     }
     if (type === 'КУПИТЬ'){ 
-        //if (){} if enoth money
-        return {
-            ...state, 
-            [ШО]: state[ШО] - СКОКА 
+        if (СКОКА < 0){
+            return state; 
+        } else if ( ДЕНЕГ == 0){
+            return state;
+        } else {
+            if (typeof state[ШО] === 'object' && СКОКА){
+                let {пиво} = state;
+                
+                return {
+                    ...state, пиво:{...пиво, count: пиво.count - СКОКА} ,
+                      ДЕНЕГ : ДЕНЕГ - пиво.count,
+                      касса : state[касса] + пиво.price
+                }  
+            }
+            console.log(ШО);
+            return {
+                ...state, 
+                [ШО]: state[ШО] - СКОКА,
+               
+            }  
         }
+       
     }
     return state 
 }
@@ -44,16 +62,23 @@ function createStore(reducer){
     }
 }
 const store = createStore(reducer);
+
 let select = document.querySelector('#goods');
+
 function createSelectItems(selectId, store){
     for (let key of Object.keys(store.getState())){
-        let option = document.createElement('option');
-        option.value = key;
-        option.innerText = key;
-        select.append(option);
+        if ( key === 'касса'){
+             return;
+        } else {
+            let option = document.createElement('option');
+            option.value = key;
+            option.innerText = key;
+            select.append(option);
+        } 
     }
 }
 createSelectItems('goods', store);
+
 btn.addEventListener('click',() => {
     store.dispatch({type: 'КУПИТЬ', 'ШО': select.value, 'СКОКА': input.value})
     console.log(store.getState());
@@ -65,10 +90,29 @@ function drawTable(root, store) {
         let tr = document.createElement('tr');
         let td = document.createElement('td');
         let th = document.createElement('th');
+        if (typeof pcs === 'object'){
+            let th = document.createElement('th');
+            let tr = document.createElement('td');
+            th.innerText = item;
+            tr.append(th);
+            for (let [el, price] of Object.entries(pcs)){ 
+                let td = document.createElement('td');
+                let td1 = document.createElement('td');
+                console.log(el, price)              
+                td.innerText = el;
+                td1.innerText = price;
+                tr.append(td, td1);
+                root.append(th, tr); 
+
+            }
+            
+        } else {
                 th.innerText = item;
                 td.innerText = pcs;
                 tr.append(th, td);
                 root.append(tr); 
+        }
+                
     }
 }
 drawTable(table,store);