Как отрисовать элемент на странице?

godsplane, через nth-child(n)?

Как отрисовать элемент на странице?

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

Как показывать только часть блока над 2 другими блоками?

Не понятно в чем вопрос, в заголовке или в описании, ибо 2 разные задачи.
Если второе, то просто вложите бесцветный блок в голубой див и уберите абсолютное позиционирование, если первое, то создайте обертку для трех дивов и спозиционируйте абсолютом так как вам надо

У меня самый уродливый код на планете земля, как исправить?

Роми, Нет, мы с ним уже подружились, я его бросать не хочу, он ко мне привязался, как мне кажется, я к нему тоже

У меня самый уродливый код на планете земля, как исправить?

Я самый добрый котик, но владилен минин мне не нравится и очень сильно не нравится

У меня самый уродливый код на планете земля, как исправить?

SADFGHJAETJER, какую классику читать

Как сделать счетчик?

Stalker_RED,

`<div class="addItemCard2__item">
        <div class="addItemCard2__item_wrap">
          <img
            class="addItemCard2-item__image"
            src=${(resultImg[i])}
            alt="pizza"
          />
          <div class="addItemCard2__text">
            <div class="addItemCard2-text__title">
              ${(resultName[i])}
            </div>
            <div class="addItemCard2-text__descr">${(resultDescr[i])}</div>
          </div>
        </div>
        <div class="addItemCard2__item_wrap">
          <div class="order-item__sum">
            <button class="order-counter__btn order-counter__plus">
              <img
                src="images/order/Plus__icon.svg"
                alt="icon"
                class="order-counter-plus__image"
              />
            </button>
            <div class="order-counter__number">1</div>
            <button class="order-counter__btn order-counter__minus">
              <img
                src="images/order/Minus__icon.svg"
                alt="icon"
                class="order-counter-minus__image"
              />
            </button>
          </div>
          <div class="order-footer__costs addItemCard2-item__costs">${(resultPrice[i])}</div>
        </div>
    </div>`;

Можно ли так сделать (localstorage)?

Антон Горецкий, я ниже написал как я сделал в ответе на вопрос, нормальное решение?

Можно ли так сделать (localstorage)?

Антон Горецкий, Я пытался скрины залить, но хабр чего-то не видит их

Есть элемент а,б
записал их в локал стор
хочу их отобразить вместо v.i при переходе на другую страницу
как мне с локал стора их достать на другой странице

Как сделать динамичный title?

russsyaaa, Ну не совсем просто, вот можете тут подсмотреть, не совсем то что вам надо, но суть поймете
https://www.youtube.com/watch?v=5X8V_N5r6I8&t=4s&a...

Как можно упростить код?

Спасибо Сергей, что очередной раз помогли))
так красиво как у Вас сделать не получилось, у меня в итоге получается массив пустой, но переделал вот так, так работает, хоть вариант и менее красивый

const link = [ ...d.querySelectorAll('section > a') ].map( a => ( { link: a.getAttribute('href') } ) );
        const img = [ ...d.querySelectorAll('section > a > div > div > div > img') ].map( i => ( { img: i.getAttribute('data-src') } ) );
        const name = [ ...d.querySelectorAll('section > a > div > div > div > h3') ].map( h => ( { name: h.textContent } ) );
        const price = [ ...d.querySelectorAll('section > a > div > div > div > p > span:nth-child(1)') ].map( p => ( { price: p.textContent } ) );
        const update = [ ...d.querySelectorAll('section > a > div > div > div > span') ].map( u => ( { update: u.innerHTML } ) );
        const allArray = link.concat(img, name, price, update);
        data.push(allArray);

Как реализовать выборку классов?

Спасибо, еще раз)

Как реализовать выборку классов?

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

Как реализовать выборку классов?

Сергей Сергей, ого, капец я близка был, спасибо огромное за помощь)

Как найти узел в DOM?

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

let priceAll = d.querySelectorAll('td:nth-child(6)');
        priceAll.forEach(function(priceAll) { 
            let priceText = priceAll.textContent;
            dataDoskaCat.push({price: priceText});
        });

Спасибо большое за помощь!

Как найти узел в DOM?

Спасибо за попытку помочь, но таблиц бесконечное количество (сайт объявлений)

Как реализовать PopUp?

Спасибо, большое, единственное подскажите, на практике же лучше для каждого модального окна свой js файл создавать?

Как реализовать PopUp?

WapSter, Окно должно появляться поверх основной странице, вот так вот

Как реализовать PopUp?

imko, Я совсем немного учу джаваскрипт. И я не понимаю как мне вызвать модальное окно на той странице где я хочу. У меня в голове только вариант: Как-то получать данные с modal.html и потом определять страницу где находится пользователь и через inner.html вставлять на нужную страницу модальное окно. Если вы мне подскажите вариант, хотя бы в какую сторону двигаться чтобы это легко и просто сделать - буду очень благодарен)

Почему не видно картинок?

Антон Горецкий, Ура, мы победили, это сработало:)