title: Uncaught TypeError: Cannot set property 'todoText' of undefined
body: <p>Working on the Javascript objects and functions. Facing issue with it. </p>
  
  <pre><code>  var todoList = {
        todo:[],
        displayTodo:function(){
          console.log('My Todo:',this.todo); 
        },
        addTodo:function(todoText){
          this.todo.push({
            todoText:todoText,
            complete:false
          });
          this.displayTodo();
        },
        changeTodo:function(posi,newTodo){
          //this.todo[posi] = newTodo; 
          this.todo[posi].todoText=newTodo;
          this.displayTodo();
        },
        toggleComplte:function(posi){
          var todo = this.todo[posi];
          todo.complete = !todo.complete;
          this.displayTodo();
        }
      }
  
      todoList.addTodo('Item1');
      todoList.toggleComplte(0);
  </code></pre>
  
  <p>Error I got when running. </p>
  
  <pre><code>VM1196:16 Uncaught TypeError: Cannot set property 'todoText' of undefined
      at Object.changeTodo (&lt;anonymous&gt;:16:29)
      at &lt;anonymous&gt;:21:10
  </code></pre>
  
  <p>Can some one suggest what is the error ? </p>