[day 6] Add error message if there is no value

Author: jessabean

projects/6-to-do-list/index.html

@@ -28,6 +28,7 @@ <h1>Too Doo List</h1>
  <div id="main" role="main" class="page-content">
  <div class="todo-form-wrapper">
  <form id="todo-form" class="todo-form">
+ <div id="error"></div>
  <input type="text" id="todo-add-new" class="todo-input" placeholder="Add item" />
  <button id="btn-submit" type="submit">Add to do</button>
  </form>

projects/6-to-do-list/js/to-do.js

@@ -28,15 +28,25 @@ document.getElementById('btn-submit').addEventListener(
  'click',
  function(event){
  event.preventDefault();
- addToDo();
+ if(!newToDo.value) {
+ document.getElementById('error').innerHTML = "Please enter a value!";
+ } else {
+ addToDo();
+ }
  },
  false
 );
 
 newToDo.onkeydown = function(event) {
  if(event.keyCode == 13) {
  event.preventDefault();
- addToDo();
+
+ if(!newToDo.value) {
+ document.getElementById('error').innerHTML("Please enter a value!");
+ } else {
+ addToDo();
+ }
+
  return false;
  }
 };