Как задать ширину для нижнего элемента, по ширине верхнего?

Steppp, спасибо так работает.
Странно, что через setAttribute не заработало, не совсем правильно так style задавать, но по сути это тоже самое.

Как задать ширину для нижнего элемента, по ширине верхнего?

Посмотрите пример, я подправил.

Пример конечно не особо рабочий, но он демонстрирует динамическое изменение ширины верхнего элемента.

Как задать ширину для нижнего элемента, по ширине верхнего?

Ширина wrapper динамическая, т.е. такой вариант не подходит. Сейчас в примере допишу еще код, чтобы было понятно, почему не подходит.
Хотел упростить вопрос, в итоге получаю не тот ответ ))

Почему при вводе в поле input не меняется value?

Никита Пурыга, это же просто пример.
Проблема решилась сама собой, хз в чем проблема была.

Почему при вводе в поле input не меняется value?

1) я же пишу, вывести event.target.previousSibling, а не event.target!
2) дописал в примере, что при обращении через id, value получаю нормально
3) мне нужно получить value именно через previousSibling

Почему не отображается первая ссылка (column-span)?

Ладно, тему закрываю, пошел переделывать на флексы.
Спасибо.

Почему не отображается первая ссылка (column-span)?

xdevelx, ага я эту статью как раз и читал.
Мне нужно тоже самое https://www.donarmuseum.nl/spelers/
поэтому я и решил использовать column.
Пострел еще раз этот сайт и не нашел там свойство column-span, т.е. реализация на сайте тоже с помощью flex?

Почему не отображается первая ссылка (column-span)?

xdevelx, я с Вами полностью согласен, что задачу можно решить в том числе флексами.
Но мне важно понять, почему не работает мой пример. Толи я делаю что-то не то, или хром не поддерживает такое решение. Если Вы считаете, что проблема в браузере, то желательно ссылку на источник.
Если Вас не устраивает мой пример, можете предложить свой. Мне главное понять, насколько интересен мне будет этот (column) инструмент в будущем.
Я так понимаю, что Вы считает, что column нужно применять для "газетных простыней", но ведь это не исключает заголовок на всю ширину, как в моем примере.

Почему не отображается первая ссылка (column-span)?

xdevelx, ну так у меня проблема только в первом элементе.

Для такой структуры css columns не прокатит.

Не совсем понял.

Почему не отображается первая ссылка (column-span)?

xdevelx, ну да на флексах можно получить тоже самое.
А про column-span all можно забыть? Я поискал в Интернете, но ничего про этот баг не нашел. Не совсем понятно, он только у меня или column-span all никто не использует?

Почему не отображается первая ссылка (column-span)?

Заменяю .knowledge на display: flex;
Получаю:


Мне вроде не такое решение нужно, а какое есть, только чтобы глюка не было с отображением первой ссылки.

Заголовок "Начало" должен занимать всю ширину.

Как верстать с хорошими показателями Google Speed?

У меня показатели сайта 92 и 98, подключаю: гугл и яндекс рекламу, и вебвизор, получаю: 19 и 81 ))

Google Speed рекомендует удалить этот шлак:
Сторонний поставщик | Объем переданных данных | Время блокировки основного потока
Yandex Metrica 277 KiB 2 022 ms
Yandex Ads 214 KiB 1 129 ms
Google/Doubleclick Ads 226 KiB 878 ms
Yandex Share 52 KiB 446 ms
Google Analytics 19 KiB 65 ms
Google Tag Manager 71 KiB 31 ms

Дайте совет, как повысить показатели?
Вариант отказаться от денег - не подходит!

Как определить, что клик был по элементу?

Александр Присяжный, Вы же сами написали:

приоритезировать отработку коллбеков событий клика.

Я подумал, что это предполагает написание отдельной функции, которая будет сохранять например значение event.target, а затем запускать различные функции, в том числе и синхронно.

Как определить, что клик был по элементу?

Александр Присяжный, settimeout надо наоборот, это я тут просто экспериментировал и не вернул обратно.
Возможно Вы правы, вывод в консоль происходит того же event.target, просто к моменту вывода там лежит уже что-то другое.
Коллбеки ИМХО это уже совсем другая история, выходящая за рамки этого вопроса, но если дадите ссылку на статью, буду рад.
У меня на рабочей задаче, true вроде помогло, так что вопрос закрываю.
Спасибо, за подсказку.

Как определить, что клик был по элементу?

Александр Присяжный, мне нужно чтобы event.target на входе обоих функций был одинаков.
Т.е. одна и другая функция должны обработать "Hey".

Сейчас получаю, что вначале идет обработка одной функцией, а затем результат передается другой.

Как определить, что клик был по элементу?

А не получим ли мы ситуацию, когда при клике по любому div будет true?
contains проверяет вложенность одного элемента в другой, а что проверяет Ваше условие, кроме тега?

Как определить, что клик был по элементу?

Изменил в примере:
https://codepen.io/workcode/pen/MWymLPj

Но не помогло!

Почему не срабатывает removeEventListener?

Хотя в данном примере, возможно el_table.removeEventListener('click', clicker)совсем никакой роли не играет, я удаляю эту строку и ничего не меняется.
Т.е. при повторном клике по input, и далее клик по календарю обрабатывается всего 1 раз, а не не увеличивается от количества кликов по input.

Почему не срабатывает removeEventListener?

Не совсем понял, при чем тут handler, если мы объявляли clickerOut? Ну хорошо, это работает, но если из этой же функции, нужно удалить другое событие? В примере написано:

el_table.removeEventListener('click', clicker);
document.removeEventListener('click', clickerOut);

Хорошо, с clickerOut Вы разобрались, а что делать с clicker она также имеет параметры?

Как передать событие следующей функции?

kocherman, в принципе да, у меня был вопрос только по return. Соседний ответ про ()=>clicker2(target, e) полностью разъяснил ситуацию с return.

Спасибо за обучение )