Losowanie tła strony w JavaScript

Question

Cześć.

Mam stronkę internetową, na której pewien obrazek pełni funkcję tła, chciałbym napisać funkcję która losowo po załadowaniu strony będzie losowała jeden z czterech obrazków i ustawiała go jako tło.

Jakieś sugestie jak się do tego zabrać ?

Answer 1

(() => {
  'use strict';
  const backgrounds = ['path1', 'path2', 'path3', 'path4'];
  const selectedIndex = Math.floor(Math.random() * backgrounds.length);
  const selectedBackground = backgrounds[selectedIndex];

  document.body.style.backgroundImage = `url(${selectedBackground})`;
})();

Coś w ten deseń :)

Comments

`url(${selectedBackground})`

Ten $ to z jQuery, czy jakaś nowość w JavaScript?

---

Template strings z ES6

Answer 2

$("body").removeClass("background1 background2 background3").addClass("background1");
$("body").removeClass("background1 background2 background3").addClass("background2");

itp. podepnij pod to math.random

Answer 3

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random