Advertisement
Guest User

Yandex Praktikum JavaScript1

a guest
Oct 15th, 2019
654
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function getRandom(anyArray) {
  2.   var randomNumber = Math.floor(Math.random() * anyArray.length);
  3.   var randomElement = anyArray[randomNumber];
  4.   return randomElement;
  5. }
  6.  
  7. var pageSettings = {
  8.   red: 200,
  9.   green: 200,
  10.   blue: 200,
  11.   background: [
  12.     'https://pictures.s3.yandex.net/background.jpg',
  13.     'https://pictures.s3.yandex.net/cover-color.jpg',
  14.     'https://pictures.s3.yandex.net/cover-grid.jpg',
  15.     'https://pictures.s3.yandex.net/cover-typo.jpg',
  16.     'https://pictures.s3.yandex.net/cover-wall.jpg']
  17. };
  18.  
  19. var bgColor = 'rgb(' + pageSettings.red + ', ' + pageSettings.green + ', ' + pageSettings.blue + ')';
  20.  
  21. document.body.style.backgroundColor = bgColor;
  22. console.log(header);
  23. var header = document.getElementById('main-header');
  24. header.style.backgroundImage = "url(" + pageSettings.background[2] + ")";
  25. header.style.backgroundImage = 'url(' + getRandom(pageSettings.background) +')'
  26.  
  27. var i = 0;
  28. console.log(pageSettings.background[i]);
  29. console.log(pageSettings.background[++i]);
  30. console.log(pageSettings.background[++i]);
  31.  
  32. var cards = document.getElementsByClassName('card');
  33. cards[1].style.color = 'navy';
  34.  
  35. window.addEventListener('scroll', function() {
  36.   var scrollY = window.pageYOffset;
  37.   var bgValue = 'rgb(' + (pageSettings.red - scrollY / 4) + ', ' + (pageSettings.green - scrollY / 4) + ', ' + (pageSettings.blue - scrollY / 4) + ')';
  38.   document.body.style.backgroundColor = bgValue;
  39.   for (var c = 0; c < cards.length; c++) {
  40.     var card = cards[c];
  41.     console.log(card);
  42.     card.style.color = 'rgb(' + (pageSettings.red * 0 + scrollY / 4) + ',' + (pageSettings.green * 0 + scrollY / 4) + ',' + (pageSettings.blue * 0 + scrollY / 4) + ')'
  43.   }
  44.   console.log(scrollY);
  45. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement