Javascript 无法读取属性'；风格'；同时在三个位置设置空值

当我运行代码时，它会给我以下错误：TypeError:无法在HtmlButtoneElement.onclick（/：85:117）的showInput1h（/：673:42）和showInputH（/：995:9）处读取null属性“style”

下面更详细地介绍代码的作用：

用户在第一个分区中输入1-10个任务用户在第二个分区中输入1-10个任务（存储在localStorage中） 用户在第3个div中输入1-10个任务（存储在localStorage中） 将显示一个do列表，其中包含用户输入的所有输入（存储在localStorage中） 正在显示此错误：TypeError:无法读取/script.js:66:5处未定义的属性'addEventListener'，TypeError:只能在HtmlButtoneElement.onclick（/：85:104）处的ShowInput1h（/ITHB.js:457:42）处读取null的属性'style'

我认为第二个错误影响了我的代码，因为它没有读取第21个输入

以下是我的代码的一个链接：

下面是一个代码片段（不是我的全部代码，而是不起作用的部分）：

---

提供的代码段中没有任何逻辑正在访问任何元素的样式属性。在继续之前，请查看JS提供的一些漂亮的数据结构：和。

function showInputH(){
  var numHAI = document.getElementById('numHAI');
   if (numHAI.value == 0){
    alert("If you don't have any, click I don't have any hard assignents");
   }
    else if (numHAI.value == 1){
        onlyShowInput1H();
        showSaveH();
    } else if (numHAI.value == 2){
        onlyShowInput2H();
        showSaveH();
    } else if (numHAI.value == 3){
  } else if (numHAI.value == 4){
        onlyShowInput4H();
        showSaveH();
    }  else if (numHAI.value == 5){
        onlyShowInput5H();
        showSaveH();
    } else if (numHAI.value == 6){
        onlyShowInput6H();
        showSaveH();
    } else if (numHAI.value == 7){
        onlyShowInput7H();
        showSaveH();
    } else if (numHAI.value == 8){
        onlyShowInput8H();
        showSaveH();
} else if (numHAI.value == 9){
        onlyShowInput9H();
        showSaveH();
    } else if (numHAI.value == 10){
        onlyShowInput10H();
        showSaveH();
    } else{
      alert ("Try doing between 1-10 hard assignments OR click I dont have any hard assignments today if you dont have any");
    }
}