export const DOM_SELECTORS = {
  searchForm: () => document.querySelector('.search'),
  searchInput: () => document.querySelector('.search__field'),
  searchResults: () => document.querySelector('.results'),
  searchResultsList: () => document.querySelector('.results__list'),
  searchResultsPages: () => document.querySelector('.results__pages'),
  recipe: () => document.querySelector('.recipe'),
  recipeIngredientList: () => document.querySelector('.recipe__ingredient-list'),
  recipeServings: () => document.querySelectorAll('.recipe__count')
};

// Pa koristis:
var sf = DOM_SELECTORS.searchForm();

--------------------------------------------------------

export const getDom = () => {
  searchForm: document.querySelector('.search'),
  searchInput: document.querySelector('.search__field'),
  searchResults: document.querySelector('.results'),
  searchResultsList: document.querySelector('.results__list'),
  searchResultsPages: document.querySelector('.results__pages'),
  recipe: document.querySelector('.recipe'),
  recipeIngredientList: document.querySelector('.recipe__ingredient-list'),
  recipeServings: document.querySelectorAll('.recipe__count')
}

// Pa koristis:
var DOM = getDom();
var sf = DOM.searchForm;