Javascript向每个新元素添加新的订单id

对不起，我的英语现在真的不知道该怎么改，问这个问题

我有一个任务列表，当我添加新任务时，我需要在每个新任务中添加序号

示例任务1已存储到var，其id为1，任务2 var id为2。。。。。 我想我需要使用迭代，但如何。。。？

var toDoList=function（）{
var addNewTask=函数（）{
var input=document.getElementById（“taks input”）.value，
ItemText=输入，
colA=document.getElementById（'task-col-a'）.childrence，
colB=document.getElementById（'task-col-b'）.children.length，
taskBoks=document.createElement（“div”）；
taskBoks.className=“最小框”；
taskBoks.innerHTML=''+itemTexts+'
'
如果（可乐>可乐）{
var todolist=document.getElementById（“task-col-a”）；
}否则{
var todolist=document.getElementById（“task-col-b”）；
}
todolist.appendChild（taskBoks）；
},
addButton=函数（）{
var btn2=document.getElementById（“添加任务框”）；
btn2.onclick=addNewTask；
}
addButton（）
};
托多利斯特（）；

只需使用

id=“task”+（taskCount++）+”

var toDoList=function（）{
var taskCount=0
var addNewTask=函数（）{
var input=document.getElementById（“taks input”）.value，
ItemText=输入，
colA=document.getElementById（'task-col-a'）.childrence，
colB=document.getElementById（'task-col-b'）.children.length，
taskBoks=document.createElement（“div”）；
taskBoks.className=“最小框”；
taskBoks.innerHTML=''+itemTexts+'
'
如果（可乐>可乐）{
var todolist=document.getElementById（“task-col-a”）；
}否则{
var todolist=document.getElementById（“task-col-b”）；
}
todolist.appendChild（taskBoks）；
},
addButton=函数（）{
var btn2=document.getElementById（“添加任务框”）；
btn2.onclick=addNewTask；
}
addButton（）
};
托多利斯特（）；

我是新来的whit javscript您能给我一些注释如何修复它吗？或者给我一些示例。。。？我一边修一边修！！我想我可以联系你，你可以给我一些建议…？好的，我现在做什么！！！我在JSFIDLE上更新js代码，添加StackOverflow你想为每个新任务分配单独的id吗？是的，这样做的目的是使任务的优先级在id为1的情况下我排在列表的顶部！！我不需要在html中添加id，只需要将它存储在var中

var toDoList = function() {

  var addNewTask = function() {
      var input = document.getElementById("taks-input").value,
        itemTexts = input,
        colA = document.getElementById('task-col-a').children.length,
        colB = document.getElementById('task-col-b').children.length,
        taskBoks = document.createElement("div");

      taskBoks.className = "min-box";

      taskBoks.innerHTML = '<div class="col-3 chack" id=""><i class="fa fa-star"></i></div><div class="col-8 task-text" id="taskContent"><p>' + itemTexts + '</p></div><div class="col-1 color"></div>'

      if (colB > colA) {
        var todolist = document.getElementById("task-col-a");
      } else {
        var todolist = document.getElementById("task-col-b");
      }
      todolist.appendChild(taskBoks);
    },

    addButton = function() {
      var btn2 = document.getElementById("add-task-box");
      btn2.onclick = addNewTask;
    }

  addButton()
};

toDoList();

var toDoList = function() {
  var taskCount = 0

  var addNewTask = function() {
      var input = document.getElementById("taks-input").value,
        itemTexts = input,
        colA = document.getElementById('task-col-a').children.length,
        colB = document.getElementById('task-col-b').children.length,
        taskBoks = document.createElement("div");

      taskBoks.className = "min-box";

      taskBoks.innerHTML = '<div class="col-3 chack" id="task_'+(taskCount ++)+'"><i class="fa fa-star"></i></div><div class="col-8 task-text" id="taskContent"><p>' + itemTexts + '</p></div><div class="col-1 color"></div>'

      if (colB > colA) {
        var todolist = document.getElementById("task-col-a");
      } else {
        var todolist = document.getElementById("task-col-b");
      }
      todolist.appendChild(taskBoks);
    },

    addButton = function() {
      var btn2 = document.getElementById("add-task-box");
      btn2.onclick = addNewTask;
    }

  addButton()
};

toDoList();