AlexanderHristov

03 Growing-Word

Jan 25th, 2019
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.  
  3.     let button = document.querySelector('button');
  4.     let textElement = document.querySelectorAll('p')[2];
  5.     let colors = ['blue', ' green', 'red'];
  6.     let clickCounter = 0;
  7.     let colorsCounter = 0;
  8.  
  9.     button.addEventListener('click', clickEvent);
  10.  
  11.     function clickEvent(event) {
  12.  
  13.         clickCounter++;
  14.  
  15.         if (colorsCounter > 2) {
  16.             colorsCounter = 0;
  17.         }
  18.  
  19.         let size = (clickCounter*2)+'px';
  20.         let color = colors[colorsCounter];
  21.  
  22.         textElement.style.color = color;
  23.         textElement.style.fontSize = size;
  24.  
  25.         colorsCounter++;
  26.     }
  27. }
Advertisement
Add Comment
Please, Sign In to add comment