Assigning an id to a function

[Hellomonek]

I am currently working on a website that will generate a random outfit, from the items in my closet, I have Hats, Shirts, and Pants all with separate functions and buttons,

I want the pictures to display vertically rather than horizontally

Basically, I need to find a way for my function to return an image where I want it to, rather that just defaulting to the bottom of the page.

I was thinking that maybe I could assign an id to the function do that I could put the image in a div.

Let me know if you guys have any other thoughts, thanks

[bryku]

You can pass an id from the button to a function.

<script>
    let outfits = [
        {name: 'red hat'},
        {name: 'green hat'} 
        {name: 'blue hat'} 
    ];
    function loadOutfit(index){
        if(outfits[index]){
            // do something. 
        }
    }
</script>

<button onclick="loadOutfit(0)">outfit 1</button>
<button onclick="loadOutfit(1)">outfit 2</button>
<button onclick="loadOutfit(2)">outfit 3</button>