Javascript未捕获类型错误：无法设置未定义的属性

我的JavaScript代码有问题，可能是一些愚蠢的错误，但我找不到。。。出现错误

未捕获的TypeError:无法设置未定义的属性“innerHTML”

即使代码似乎做了它应该做的事情（创建的任务的标题为

任务1

，

任务2

，

任务3

等等）。。我怎样才能解决这个问题？也许有一个更短的方法来给我的任务编号标题

document.addEventListener("DOMContentLoaded", function(){

  var add=document.querySelector("#addTaskButton");
  var tasklist=document.querySelector("#taskList");
  var clickcount=0;

  add.addEventListener("click",function(event){
   var newTask=document.createElement("li");
   tasklist.appendChild(newTask);
   var newh1=document.createElement("h1");
   newTask.appendChild(newh1);

  clickcount+=1;
   if(clickcount==1){
     var h1=document.querySelector("h1");
     h1.innerText="Task 1";
   }else if(clickcount>1){
     var hmore=document.getElementsByTagName("h1");
     for(var i=1;i<=hmore.length;i++){
       hmore[i].innerHTML="Task "+(i+1);
      }
   }

 })

});

document.addEventListener（“DOMContentLoaded”，function（））{
var add=document.querySelector（“addTaskButton”）；
var tasklist=document.querySelector（“任务列表”）；
var-clickcount=0；
add.addEventListener（“单击”），函数（事件）{
var newTask=document.createElement（“li”）；
任务列表.appendChild（newTask）；
var newh1=document.createElement（“h1”）；
newTask.appendChild（newh1）；
单击计数+=1；
如果（单击计数=1）{
var h1=document.querySelector（“h1”）；
h1.innerText=“任务1”；
}否则，如果（单击计数>1）{
var hmore=document.getElementsByTagName（“h1”）；
对于（var i=1；i
（变量i=1；i）的

for（var i=1；我认为应该是
for（var i=0；我认为应该是
for（var i=0；i
for(var i=1;i<=hmore.length;i++){