$(document).ready(function () {
    $("#add").click(function () {
        getData($("#isbn").val())
    })

    function getData(book_isbn) {
        if (book_isbn.length ==10 || book_isbn.length==13){
            $.ajax({
                url:"https://openlibrary.org/api/books?bibkeys=ISBN:"+book_isbn+"&jscmd=details&callback=mycallback",
                dataType: "jsonp",
                success: function (data) {
                    list_item = $("<li></li>")
                    list_item.append(data["ISBN:"+book_isbn]["details"]["title"])
                    list_item.attr("image", data["ISBN:"+book_isbn]["thumbnail_url"])
                    list_item.attr("info", data["ISBN:"+book_isbn]["info_url"])
                    list_item.attr("publ",data["ISBN:"+book_isbn]["details"]["publishers"])
                    list_item.appendTo("#books")
                }
            })
        }
    }

    $(document).on("click", "li", function () {
        $("#publ").html($(this).attr("publ"))
        $("#url").attr("href",$(this).attr("info"))
        $("#url").html("Book info")
        $("#image").attr("src", $(this).attr("image"))
    })
})