Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Grupa 2 Zadaca 1</title>
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>
    <link rel="stylesheet" href="jquery-ui.css">

    <script>
        function getData(){
            $.ajax({
                url:"avtomobili.json",
                dataType:"json",
                success: function(data){
                    $.each(data,function(i,item){
                        $("#paragraf").append("<div id='pored"+i+"'" +"<p>" + "<b>"+"Marka:"+"</b>"
                                + item.marka + "<b>"+ " Model:" + "</b>" + item.model + "<b>"+" Boja:"+"</b>"
                                + "<input type='color'  value="+item.boja+">" + "<b>"+" Max. brzina: "+"</b>"+
                                "<input type='number' style='width: 40px' value="+item.maxbrzina+">" + "</p>");
                    })
                }
            })
        }


        $(document).ready(function(){
            getData();

        })

    </script>

</head>
<body>
<div id="temp">
<p id="paragraf"></p><br/>
</div>
    <button id="sortiraj">Sortiraj</button><br/>
<table id="nova">

</table>

</body>
</html>