let products = [];
function render(list) {
  const ul = document.querySelector("#list");
  ul.replaceChildren(...list.map((p) => {
    const li = document.createElement("li");
    li.textContent = `${p.title} — ${p.price} ₽`;
    return li;
  }));
}

const products = [{ title: "Наушники", price: 3490, category: "audio" }, { title: "Мышь", price: 1290, category: "input" }];
function render(list) {
  document.querySelector("#list").replaceChildren(...list.map((p) => {
    const li = document.createElement("li");
    li.textContent = p.title;
    return li;
  }));
}
render(products);