How to insert into HTML document with JS variables?

Question

JavaScript

There is this code:

var item;
            function addItemInOrder (button){
              var item = button.closest(".main__categoties-wrapper__categorie-item");
              var itemImg = item.querySelector("img");
              var itemName = item.querySelector(".main__categoties-wrapper__categorie-item__tittle");
              var itemVendorCode = item.querySelector(".vendor-code");
              var itemPrice = item.querySelector(".item-price").innerText;
              var itemResult = `<div class='order-item'><div class='order-item__data-left'><div class='order-item__data-left__img'>${itemImg}</div><div class='order-item__data-left__item-data'>${itemName}${itemVendorCode}</div></div><div class='order-item__data-right'><div class='order-item__data-right__delete-item'><button class='delete-item'>Удалить</button></div><div class='order-item__data-right__item-price'><h3>Цена: ${itemPrice}р</h3></div></div>`
document.querySelector(".main__order-items-wrapper").innerHTML(itemResult);
}

Here I get blocks with product data displayed using php and write each block to a variable. Now you need to somehow insert these variables wrapped in other html blocks in another part of the document. But the console throws an error document.querySelector(...).innerHTML is not a function

Answer 1

not written correctly

document.querySelector(".main__order-items-wrapper").innerHTML(itemResult);

do so

document.querySelector(".main__order-items-wrapper").innerHTML = itemResult;

Answer 2

document.querySelector(...).innerHTML = {your variable here}
innerHTML is not a function, that's what the interpreter says. It is necessary not to put brackets, but the sign "="