index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>Bookshelf</title>
	<link rel="stylesheet" href="test.css">
</head>


<div class="container">
	<form action="" id="baru">
		<h2>Buku baru</h2>
		<input type="text" name="judul" id="judul" placeholder="Nama Buku" autocomplete="off" autofocus>

		<input type="text" name="penulis" id="penulis" placeholder="Nama Penulis" autocomplete="off">

		<input type="number" name="tahun" id="tahun" placeholder="2002" autocomplete="off" maxlength="4"
			minlength="4">

		<input id="selesai" type="checkbox" name="remember" value="belumSelesai">
		<label for="selesai">Selesai dibaca</label>

		<button id="btn-tambah-baru" class="btn-info">Tambah</button>
	</form>
</div>
<script src="app.js"></script>
</body>

</html>