JSFiddle - React, Tailwind, and code Playground

by shatul patil

HTML

<div class="menu">
  
</div>

JavaScript

$(document).ready(function () {
    let data = [
        {
            "img": "/100-films/Akshay-Kumar1.jpg",
            "id": "Akshay"
        },
        {
            "img": "/100-films/Alokananda-Dasgupta.jpg",
            "id": "Alokananda"
        },
        {
            "img": "/100-films/Amala-Paul.jpg",
            "id": "Amala"
        }
    ];

    function buildmenu(parent, items) {
        $.each(items, function () {

            parent.append(`<a href="#section1" class="numbbar"><li><img src="https://www.filmcompanion.in/${this.img}" class="img-responsive" style="width:100%;" data-id="${this.id}"></li></a>`)
        });
    }

    buildmenu($('.menu'), data);
});