const el = document.querySelector(".result");
const plusNumBTN = document.querySelector(".plus-num");
const minusNumBTN = document.querySelector(".minus-num");
console.clear();

const { createStore } = Redux;

const initialState = {
  counter: 0
};

const counterReducer = (state = initialState, action) => {
  switch (action.type) {
    case "plus":
      return {
        ...state,
        counter: state.counter + action.payload
      };
    case "minus":
      return {
        ...state,
        counter: state.counter - 5
      };
    default:
      return state;
  }
};

const counterSubscriber = () => {
  const latestState = store.getState();
  console.log(latestState);
  el.innerHTML = latestState.counter;
};

const store = createStore(counterReducer);

store.subscribe(counterSubscriber);

plusNumBTN.addEventListener(
  "click",
  () => store.dispatch({ type: "plus", payload: 5 }),
  false
);
minusNumBTN.addEventListener(
  "click",
  () => store.dispatch({ type: "minus" }),
  false
);