* Sunda Cyber Army 2k17 *
Indonesia Defacer ~
<!DOCTYPE html>
<html>
<head>
<title>JS Exam: Books</title>
<style>
#container {
padding: 10px;
width: 600px;
margin:auto;
background-color: #eeeeee;
text-align: center;
}
.col {
width: 26%;
margin: 1.5%;
float:left;
background-color: lightgray;
padding: 2%;
height: 190px;
margin-bottom: 20px;
}
#results {
background-color: lightgray;
min-height: 50px;
clear:both;
}
input[type='text'] {
width: 90%;
}
</style>
</head>
<body>
<div id="container">
<h1>Book Inventory</h1>
<div class="col">
Title:
<input type="text" id="newtitle">
<br>
Author:
<input type="text" id="newauthor">
<br>
Year:
<input type="text" id="newyear">
<br>
<br>
<input type="button" value="Add Book" id="addbook">
</div>
<div class="col">
<br><br><br><br><br>
<br><br><br>
<input type="button" value="List All Books" id="listall">
</div>
<div class="col">
Title:
<input type="text" id="title">
<br><br><br><br><br>
<br><br>
<input type="button" value="Search by Title" id="searchtitle">
</div>
<div id="results">
<em>Book Results:</em>
<hr>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="books_start.js"></script>
</body>
</html>