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"
            },
            {
                "img":"/100-films/Alokananda-Dasgupta.jpg"
            },
            {
                "img":"/100-films/Amala-Paul.jpg"
            }
        ]
        buildmenu($('.menu'), data);
        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%;"></li>
                </a>`)
            });
        }
    });