Не удается прочитать свойство ‘style’ null в трех местах одновременно

#javascript #html #local-storage

#javascript #HTML #локальное хранилище

Вопрос:

Когда я запускаю свой код, он выдает мне следующую ошибку: TypeError: не удается прочитать свойство ‘style’ null только в showinput1h (/:673:42) в showInputH (/:995:9) в HTMLButtonElement.onclick (/:85:117

Более подробно вот что делает код:

пользователь вводит 1-10 задач в 1-й div пользователь вводит 1-10 задач во 2-й div (хранится в localStorage) пользователь вводит 1-10 задач в 3-й div (хранится в localStorage) Отображается список действий со всеми введенными пользователем входными данными (хранится в localStorage) Отображается эта ошибка: TypeError: не удается прочитать свойство ‘addEventListener’ неопределенного значения в /script.js:66:5 TypeError: не удается прочитать свойство ‘style’ null только в showinput1h (/ITHB.js:457:42) в showInputH (/ITHB.js:779:9) вHTMLButtonElement.onclick (/:85:104)

Я думаю, что вторая ошибка влияет на мой код, из-за сохранения 21-го ввода, потому что он его не читает

Вот ссылка на плунжер моего кода: https://plnkr.co/edit/HbT4WKFpqQrW5Ikv?open=lib/script.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");
    }
}
  

Комментарии:

1. Никакая логика в предоставленном фрагменте не обращается к свойству стиля любого элемента.

2. Прежде чем продолжить, взгляните на некоторые приятные структуры данных, предлагаемые JS: массив и объект .