Todo1.html

<!doctype html>
<html>
<head>
	<meta charset     = utf-8>
	<title>Todo List</title>
	<link rel         = "stylesheet" href          = "todo.css" />
</head>
<body>


	<div class        = "divInput">
		<input id        = "input" ></input>
		<button id       = "btninputData">Enter Tasks</button>
		<button id       = "btnX">x</button>
	</div>


	<div class        = "divTodo">
		<div class = ".divAll" width = "100%">
			<button class   = "btnAddTasks">Add Tasks</button>
			<button class   = "btnDeleteTasks">Delete All Tasks</button>
		</div>


		<script id       = "template" type            = "text/x-handlebars-template">
			{{#each this}}
			<div class      = "divTaskContainer" data-id = "{{{id}}}">
				<!-- <p><strong>{{{id}}}</strong></p> -->
				<p >{{{task}}}</p>
				<div class     = "divBtns" id                 = "buttons{{{id}}}">
					<button class = "btnEdit" data-id          = "{{{id}}}">Edit</button>
					<button class = "btnDelete" data-id        = "{{{id}}}">Delete</button>
				</div>
			</div>
			{{/each}}
		</script>


		<script src      = "libs/jquery.js"></script>
		<script src      = "libs/handlebars.js"></script>
		<script type     = "text/javascript" src      = "Todo1.js"></script>
	</body>

	</html>