ducin/.gitignore

## .gitignore
node_modules

## app.js
function bookTemplate(book) {
    return '<strong>' + book.author + '</strong>: ' + book.id;
}

function booksTemplate(books) {
    var html = books.map(function(book){
        return '<li>' + bookTemplate(book) + '</li>';
    }).join('')
    return '<ul>' + html + '</ul>';
}

$(document).ready(function () {
    // var x = 0;
    $('#btn').on('click', function () {
        // x += 1;
        // console.log('siema!');
        // $('#container').html('olaboga' + x);
        $.get('http://localhost:3000/books').then(function(response){
            // console.log(response);
            // console.log(booksTemplate(response));
            $('#container').html(booksTemplate(response));
        });
    });
});

## index.html
<html>
    <head>
        <title>Buka</title>
        <script src="node_modules/jquery/dist/jquery.js"></script>
        <script src="node_modules/handlebars/dist/handlebars.js"></script>
        <script src="app.js"></script>
    </head>
    <body>
        <h1>Hello, my friend!</h1>
        <button id='btn'>Click me!</button>
        <div id='container'></div>
    </body>
</html>

## package.json
{
  "name": "anxi-git",
  "version": "1.0.0",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "dependencies": {
    "handlebars": "^4.0.6",
    "jquery": "^3.1.1"
  }
}
	function bookTemplate(book) {
	return '<strong>' + book.author + '</strong>: ' + book.id;
	}

	function booksTemplate(books) {
	var html = books.map(function(book){
	return '<li>' + bookTemplate(book) + '</li>';
	}).join('')
	return '<ul>' + html + '</ul>';
	}

	$(document).ready(function () {
	// var x = 0;
	$('#btn').on('click', function () {
	// x += 1;
	// console.log('siema!');
	// $('#container').html('olaboga' + x);
	$.get('http://localhost:3000/books').then(function(response){
	// console.log(response);
	// console.log(booksTemplate(response));
	$('#container').html(booksTemplate(response));
	});
	});
	});
	<html>
	<head>
	<title>Buka</title>
	<script src="node_modules/jquery/dist/jquery.js"></script>
	<script src="node_modules/handlebars/dist/handlebars.js"></script>
	<script src="app.js"></script>
	</head>
	<body>
	<h1>Hello, my friend!</h1>
	<button id='btn'>Click me!</button>
	<div id='container'></div>
	</body>
	</html>
	{
	"name": "anxi-git",
	"version": "1.0.0",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"author": "",
	"dependencies": {
	"handlebars": "^4.0.6",
	"jquery": "^3.1.1"
	}
	}