random generation of fa icons as the background

Code Help HTML/CSS/JS
,
1

Hello AMC

I want to use JavaScript to randomly pick fa icons and place them in a grid (like background-image in css) with z-index: -1 so it basically acts like a sick background

could I get some help? specifically at the generation part

2 Likes
2

gonna post on Ask

3
  1. get list of all fa icons
  2. choose random ones
  3. paste them into a tag, x at a time
  4. paste multiple of those tags, y at a time
1 Like
4

So basically something like

or specific ones:

let icons = ['fa-gamepad', 'fa-gamepad-modern', 'fa-house', 'fa-moon'];

function randomicon(ico-list) {
  const chooseOne = Math.floor(Math.random() * icons.length);
  return icons[chooseOne];
} // i think

how?

how again

5

It’s kind of weird posting on both AMC and Ask but I made a good post:

6

like so:

position: absolute;
top: /*Use javascript: (window.screenHeight/40*y) */;
left: /*Use javascript: (window.screenWidth/40*x) */;
z-index: -1;

use javascript to programmatically calculate CSS values

1 Like
7

hmm let me try that

also sorry that I didn’t reply for some time

1 Like
8

Is this resolved?

9

I eventually tried a different effect for the bg, forgot to mark this, sorry

1 Like
10

hmm…

2 Likes
11

Lol its fine I was jsut looking at the bounty catagorey

2 Likes
12

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.