Здравейте! Това е решението ми за задача 3 от упражнението на DOM Manipulation -> https://pastebin.com/cbqjBh2f. Проблемът е следния: при първото цъкане върху бутона "More", не се случва нищо, но вече след като го цъкна още веднъж всичко започва да си върви както трябва. Не мога да разбера къде греша. Моля за помощ!
Сега забелязах , че и при мен е така въпреки че ми дава 100/100.Ето моето решение , което е сравнително по-кратко.При теб гледам , че джъдж те пита : Unexpected error: Text was not made visible.: expected 'none' to equal 'block' , като ми е интерсно защо си го добавил това "visibility", при условие че имаш , при if display:block , при else display:none.А и няма смисъл да закачаш клик евент , при положение че има закачен към самия бутон , който директно извиква функцията.Ето и моето решение.
function toggle() {
var span = document.getElementsByClassName('button')[0];
var divExtra = document.getElementById('extra');
if(divExtra.style.display == 'none'){
divExtra.style.display = 'block';
span.textContent = 'Less';
}else{
divExtra.style.display = 'none';
span.textContent = 'More';
}
}
В страницата има зададено предварително кликането да извиква твоята функцията. При първия клик, фунцкията ти се извиква и вътре в нея ти закачаш нов event listener, който върши работата. Вложената ти функция ще се извика чак на втория клик. Можеш да оставиш само вложената функция, като я преименуваш на toggle().
Благодаря!
Имам и други излишни неща, махнах ги, но все още ми е чудно защо чак след второто цъкане започват да се движат нещата.