#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: массив и объект .