I am working on making a To-Do list as a Chrome new tab extension.
My html file:
<head>
</head>
<body>
<h2 id=toc-final>To Do List</h2>
<ul id=todoItems></ul>
<input type=text id=todo name=todo placeholder=What do you need to do? style=width: 200px;>
<button id=newitem value=Add Todo Item>Add</button>
<script type=text/javascript src=indexdb.js></script>
</body>
</html>
Previously the button element was an input type with onClick(), but Chrome does not allow that. So I had to make a javascript function that will fire when it's clikced. In my indexdb.js:
var woosToDo = {};
window.indexedDB = window.indexedDB || window.webkitIndexedDB ||
window.mozIndexedDB;
woosToDo.indexedDB = {};
woosToDo.indexedDB.db = null;
window.addEventListener(DOMContentLoaded, init, false);
window.addEventListener('DOMContentLoaded', function () {
document.getElementById(newitem).addEventListener(click, addTodo(), false);
});
...
...
function addTodo() {
var todo = document.getElementById(todo);
woosToDo.indexedDB.addTodo(todo.value);
todo.value = ;
}
Why is nothing happening when I click the button w/ id=newitem ?