JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

JavaScript

function subFunction(arg) {
        console.log(arg);
    }

    function myFunction() {

        var container = document.getElementById("container");

        var list = {
            "one": "cat",
            "two": "dog",
            "three": "fish"
        };

        for (item in list) {
            var clickable = document.createElement("div");
                clickable.innerHTML = list[item];
                clickable.onclick = function() {
                    subFunction(item);
                }
                
            container.appendChild(clickable);
        }
    }

    myFunction();