Simple JS To-Do app

Vanilla JavaScript demo

HTML

<div>
  <input type="text" id="trackingcode" /><button id="trackbutton">Add new tast</button></div>
<ul id="result">
</ul>

JavaScript

//main UI elements
var newTrack = document.getElementById('trackbutton');
var newTrackInput = document.getElementById('trackingcode');
var todoList = document.getElementById('result');

//models
var Result = function() {
  var self = this;
  self.todoList = document.getElementById('result');

  self.render = function(task) {
    self.todoList.appendChild(task);
  }

};

var Task = function(text) {
  var newTask = document.createElement('li');
  newTask.innerHTML = text;

  newTask.addEventListener('click', function() {
    console.log('son son son');
  });
  return newTask;
};

var result = new Result();

newTrack.addEventListener('click', function() {
  var newTrackInputValue = newTrackInput.value;
  var newResult = new Task(newTrackInputValue);
  result.render(newResult);
  newTrackInput.value = '';
});