SHARE
TWEET

Untitled

a guest Jan 19th, 2020 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //Замыкания на практике
  2. const increaseButton = document.querySelector('.btns__btn_increase');
  3. const decreaseButton = document.querySelector('.btns__btn_decrease');
  4. const resetButton = document.querySelector('.btns__btn_reset');
  5.  
  6. function createCounter(event) {
  7.   //связать счетчик с DOM
  8.   const counterText = document.querySelector('.counter__text');
  9.   let counter = 0;
  10.  
  11.   function render() {
  12.     counterText.textContent = counter;  
  13.   }  
  14.  
  15.   function increaseCounter() {
  16.     counter +=1;
  17.     render();
  18.   }
  19.  
  20.   function decreaseCounter() {
  21.     counter -=1;
  22.     render();
  23.   }
  24.    
  25.   function resetCounter() {
  26.     counter =0;
  27.     render();      
  28.   }
  29.  
  30.   return {
  31.     increaseCounter,  
  32.     decreaseCounter,
  33.     resetCounter
  34.   };
  35. }
  36. //создайте константу myCounter и присвойте ей результат работы createCounter;
  37. //теперь increaseCounter — метод константы myCounter.
  38. //Текущее значение счётчика не должно быть скрыто от внешнего кода.
  39. const myCounter = createCounter();
  40.  
  41. increaseButton.addEventListener('click', function () {
  42.   //Вызовите её внутри обработчика клика по кнопке increaseButton.
  43.   myCounter.increaseCounter();
  44. });
  45.  
  46. decreaseButton.addEventListener('click', function () {
  47.   myCounter.decreaseCounter();
  48. });
  49.  
  50. resetButton.addEventListener('click', function () {
  51.   myCounter.resetCounter();
  52. });
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top