1 + Math.max(0, ...articles.map(n => n.id))const getId = (() => {
let id = 0;
return () => ++id;
})();Нужно как-то брать id последнего элемента и добавлять к нему 1?Да.
let maxId = 0;
props.articles.forEach((article) => maxId = article.id > maxId ? article.id : maxId);
const unique = arr => {
const result = [];
const hashes = new Set();
for (let str of arr) {
const hash = str.split(':').sort().join(':');
if (hashes.has(hash)) continue;
hashes.add(hash);
result.push(str);
}
return result;
}
const star = `
<span>
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.49777 0L9.60005 4.23718L14.2772 4.92164L10.8875 8.22991L11.6861 12.8908L7.49777 10.6907L3.30949 12.8908L4.10802 8.22991L0.718262 4.92164L5.41176 4.23718L7.49777 0Z"
fill="#FFCD1D"
/>
</svg>
</span>`;
const createStars = (num) => star.repeat(num);
Figma предоставляет следующий код, но он не работает:
Если этот CSS файл всего один, боюсь, что верстая 16 страниц я могу по ошибке задавать html элементам одинаковые классы, переопределять их стили и всё будет сбиваться
<div class="sales">
<h3 class="subtitle">Акции</h3> <!-- Подзаголовок-->
<ul class="sales__list">
<li class="sales__item">
<h4 class="sales__title">Заголовок акции</h4>
<p class="sales__text">Описание акции</p>
</li>
<li class="sales__item">
<h4 class="sales__title">Заголовок следующей акции</h4>
<p class="sales__text">Описание следующей акции</p>
</li>
</ul>
</div>function getWinner(points) {
const [ a, b ] = points.reduce((acc, n) => (
n.split('-').forEach((m, i) => acc[i] += +m),
acc
), [ 0, 0 ]);
return a === b
? undefined
: a < b ? 2 : 1;
}const getWinner = points => [ 2, , 1 ][Math.sign(eval(points.join('+'))) + 1];
const options = {
header: "Изучение языков",
items: {
item1: {img: "img/languages/pascal.png", name: "Pascal", perClick: 0, cost: "Куплено"},
item2: {img: "img/languages/visual-basic.png", name: "Visual Basic", perClick: 2, cost: 900},
item3: {img: "img/languages/html.png", name: "HTML", perClick: 5, cost: 5100},
item4: {img: "img/languages/css.png", name: "CSS", perClick: 12, cost: 31000},
item5: {img: "img/languages/php.png", name: "PHP", perClick: 25, cost: 90000},
item6: {img: "img/languages/javascript.png", name: "Javascript", perClick: 100, cost: 380000},
item7: {img: "img/languages/c++.png", name: "C++", perClick: 224, cost: 970000},
item8: {img: "img/languages/delphi.png", name: "Delphi", perClick: 700, cost: 5000000},
item9: {img: "img/languages/python.png", name: "Python", perClick: 1680, cost: 12000000},
item10: {img: "img/languages/java.png", name: "Java", perClick: 3640, cost: 59000000}
}
};
const app = document.createElement("div");
function createLi(options){
let context = '';
for (const value of Object.values(options.items))
{
context += `<li>${value.name}</li>`;
}
return context;
}
app.innerHTML = createLi(options);"${options.items.item1.img}" должен быть шаблонный литерал `${options.items.item1.img}` обрати внимание на кавычки обратные. 
