Задача 2 от DOM=EXERCISE Increment Counter
Защо първо добавяме тук http://prikachi.com/images.php?images/539/8944539w.png класове и ид-та и после в js го правим още веднъж ? http://prikachi.com/images.php?images/541/8944541G.png
Защо трябва, ние да ги добавяме чрез JS, а не ги слагаме направо в HTML-a, както на упражненията ?
Мисля че не тълкуваш правилно показаното на първата снимка. Та са ти показали как трябва да изглеждат нещата в DOM дървото. Тоест показан ти е резултатът, който трябва да получиш.
Относно втората снима има и по-лесен и по-четим динамичен начин от показаното. Правиш ги на JQuery елементи и после просто ги прикачваш към контейнер някакъв.
Примерно:
let container = $(selector);
let textarea = $('<textarea class="counter" value="0" disabled="disabled"></textarea><br /> ');
$(container).append(textarea);
Но е хубаво да се пробва и показаното от картинката. То е основно да видиш ,че съществуват такива неща и ако ти потрябват да знаеш как и какво да търсиш.
В условието ясно е написано динамично HTML с JS.