well, been trying to pass tests from 17 to 24 which in code should be translate to something like this:
const renderMotorcycleCard = (motorcycle: Motorcycle): string => {
return `<div class="motorcycle-card">
<div class="motorcycle-card-image-container">
<img src="${motorcycle.image_url}" alt="${motorcycle.name}" class="motorcycle-card-image" />
<span class="motorcycle-card-year-badge">${motorcycle.year}</span>
</div>
<div class="motorcycle-card-content">
<div class="motorcycle-card-header">
<div>
<h3 class="motorcycle-card-title">${motorcycle.name}</h3>
<p class="motorcycle-card-manufacturer">${motorcycle.manufacturer}</p>
</div>
</div>
<span class="motorcycle-card-category">${motorcycle.category}</span>
<p class="motorcycle-card-description">${motorcycle.description}</p>
<div class="motorcycle-card-footer">
<div>
<p class="motorcycle-card-price">$${motorcycle.price.toLocaleString()}</p>
<p class="motorcycle-card-engine">Engine</p>
</div>
<button class="motorcycle-card-button">View Details</button>
</div>
</div>
</div>`;
};
can someone help with these tests? just a hint, not asking for the full code
Advice: it´s in TypeScript