Losowe wyświetlanie obrazu.

Witam,
mam pytanie jak mogę w javascript wyświetlić jeden losowany z trzech obraz na mojej stronie.

var obraz = round(random(0, 2));

if (obraz === 0){

}

else if (obraz === 1){

}

else (obraz === 2){

	}

Jestem początkujący i nie wiem jak wstawić obraz, co wpisać w instrukcjach warunkowych. Czy mogę to zrobić wstawiając jego adres URL tak samo jak w HTML-u, czy wrzucić obraz na serwer i użyć jakiegoś polecenia typu:

var images = document.images

Jedna z opcji jest zdefiniowanie klas CSS dla kolejnych obrazkow. Tu znajdziesz przyklad: docs.

Np:

.picture-1{background-image: url('img1.png');}
.picture-2{background-image: url('img2.png');}
.picture-3{background-image: url('img3.png');}

Pozniej mozesz wylosowac klase, np:

var classes = ['picture-1', 'picture-2', 'picture-3']
var randomClassName = classes[Math.floor(Math.random()*classes.length)];

I wylosowana klase mozesz przypisac do konkretnego elementu na stronie (tam gdzie chcesz wyswietllic obrazek)

document.getElementById("picture-container").className = randomClassName;