Здравейте,
Не мога да се сетя откъде идва грешката. Програмата работи, както трябва. Има един нулев тест, който не минава и връща :"Unexpected error: Cannot read property 'children' of undefined".
Код: https://pastebin.com/ui3P4iuL
Условие на задачата: https://softuni.bg/trainings/resources/officedocument/52711/lab-js-advanced-september-2020/3011
Грешката, която връща нулевият тест, най-вероятно е от ред №46:
let divOpen = sectionOpen.children[1];
И означава, че divOpen e undefined, т.е. инициализацията му на ред №3 не е сработила:
let sectionOpen = document.getElementsByTagName('section')[1];
Може да се случи, ако има по-малко от двa section тага.
Помислете за варианти, които могат да доведат до тази ситуация и/или за начини за заобикаляне на проблема.
Business law paper writing service seekers have an advantage of hiring the best business law research writing help services that are familiar with business law coursework writing services for their Business law writing services.
Здравейте!.
Предполагам задачата е въвеждаща за следващата лекция Unit testing and Error Handling. Би ли могъл да потвърдиш, ако е така или съответно какъв е проблемът в решението ми, ето и код:
function solve() {
let [task, date] = document.querySelectorAll('form input');
let description = document.querySelector('form textarea');
let sections = document.querySelectorAll('section');
document.querySelector('#add').addEventListener('click', addToOpen);
function addToOpen(e) {
e.preventDefault();
if (task.value && description.value && date.value) {
sections[1].lastElementChild.innerHTML +=
`<article>
<h3>${task.value}</h3>
<p>Description: ${description.value}</p>
<p>Due Date: ${date.value}</p>
<div class="flex">
<button class="green">Start</button>
<button class="red">Delete</button>
</div>
</article>`
Array.from(sections[1].querySelectorAll('button'))
.forEach(btn => btn.addEventListener('click', navigateTask));
};
};
function navigateTask(e) {
let btn = e.target;
if (btn.textContent === 'Start') {
btn.textContent = 'Delete';
btn.setAttribute('class', 'red');
btn.nextElementSibling.textContent = 'Finish';
btn.nextElementSibling.setAttribute('class', 'orange');
return document.querySelector('#in-progress').append(btn.parentNode.parentNode);
}
if (btn.textContent === 'Delete') {
return btn.parentNode.parentNode.remove();
}
sections[3].lastElementChild.append(btn.parentNode.parentNode);
sections[3].lastElementChild.lastElementChild.lastElementChild.remove();
}
}
Предполагам, че DOM не е бил зареден все още и затова е давало грешка. Как мислите?
@Rosen00
Обикновено изпълнението на JS скриптовете се обвързва със зареждането на цялата страница, така че не би следвало това да е проблема.
В случая по-скоро бих заложил на първоначалното си предположение, че в даден момент не са същесвували 2+ section тага (например след модификация през JS).
Не мисля, че е възможно да не са съществували section таговете, защото те са хардкоднати в html документа и няма момент, в който да ги премахвам в js файла.