Comparateur Toyota Crown 2026 — Outil de vente (QC)
Comparateur dynamique — Toyota Crown 2026 (QC)
Outil (sans prix) : Crown 2026 vs 5 concurrents, calculateur carburant (km/an, % ville, $/L) + score pondéré “priorités client”.
📌 Axes forts Crown : hybride, AWD, sécurité TSS 3.0, confort premium, coffre 430 L.
1 fichier HTML
Responsive mobile/tablette/PC
Sans prix véhicule
236–340 hp
TSS 3.0
Résumé rapide (client)
Les coûts d’usage se recalculent en direct selon tes sliders (carburant seulement, sans prix véhicule).
Conso calculée (selon % ville)
—
Basée sur ville/route officielles.
Coût carburant (projection)
—
Carburant seulement (aucun prix véhicule).
Puissance
—
236 (Limited) ou 340 (Platinum).
Couple
—
Platinum: 332 lb-ft (HYBRID MAX). Limited: à compléter si désiré.
Coffre
—
430 L (15.2 pi³).
Sécurité
—
Toyota Safety Sense 3.0.
Score priorités client
— /100
Pondéré par les sliders ci-dessous.
Sliders (usage)
Priorités du client (pondération)
0–100. Le score compare la Crown vs 5 concurrents (placeholders).
Arguments “flash” (à dire au client)
Ce que l’outil démontre
- Usage : coût carburant sur X ans (km/an, % ville, $/L).
- Choix : Limited (efficience) vs Platinum HYBRID MAX (performance).
- Hiver QC : AWD + aides à la conduite.
- Pratique : coffre 430 L + 5 places.
Fiche comparative (sans prix)
Défilement horizontal sur mobile. Remplace les placeholders par des chiffres officiels si désiré.
| Modèle |
Motorisation |
Puissance (hp) |
Couple |
0–100 km/h |
Ville (L/100) |
Route (L/100) |
Combinée (L/100) |
AWD |
Coffre (L) |
Sécurité |
${m.isToyota ? "Mise en avant" : "Concurrent (placeholder)"}
`; const pill = m.isToyota ? `
${m.safetyTag}` : `
${m.safetyTag}`; tr.innerHTML = `
${modelCell} |
${m.powertrain || "—"} |
${m.hp ?? "—"} |
${m.torque ?? "—"} |
${m.zero100 ? fmt(m.zero100,1)+" s" : "—"} |
${isFinite(m.cityL) ? fmt(m.cityL,1) : "—"} |
${isFinite(m.hwyL) ? fmt(m.hwyL,1) : "—"} |
${isFinite(m.combL) ? fmt(m.combL,1) : "—"} |
${m.awd ?? "—"} |
${m.cargoL ?? "—"} |
${pill} |
`; tbody.appendChild(tr); }); // biểu đồ const labels = ms.map(m => (m.isToyota ? "★ " : "") + shortName(m)); const fuelBars = ms.map(m=>{ const mix2 = blendedL100(m.cityL,m.hwyL,cityPct); if(isFinite(mix2)) return +mix2.toFixed(2); if(isFinite(m.combL)) return m.combL; return 7.0; }); const perfBars = ms.map(m => m.hp || 0); const scoreBars = ms.map(m => scores.find(s=>s.key===m.key)?.total ?? 0); ChartFuel = upsertBar(chartFuel, "chartFuel", {labels, label:"Conso (L/100) — plus bas = mieux", data:fuelBars}, {reverseY:true}); ChartPerf = upsertBar(chartPerf, "chartPerf", {labels, label:"Puissance (hp) — plus haut = mieux", data:perfBars}); ChartScore = upsertBar(chartScore, "chartScore", {labels, label:"Điểm ưu tiên (0–100) — plus haut = mieux", data:scoreBars}); window.__STATE__ = {kmYear,fuelPrice,cityPct,year,weights,ms,l100,costHorizon,scoreCar}; } [ "variant","kmYear","fuelPrice","cityPct","years", "wFuel","wPerf","wSafety","wComfort","wAwd","wCargo" ].forEach(id => $(id).addEventListener("input", render)); $("resetBtn").addEventListener("click", ()=>{ $("variant").value = "limited"; $("kmYear").value = 20000; $("fuelPrice").value = 1.75; $("cityPct").value = 60; $("years").value = 5; $("wFuel").value = 75; $("wPerf").value = 35; $("wSafety").value = 80; $("wComfort").value = 75; $("wAwd").value = 70; $("wCargo").value = 45; render(); }); $("exportBtn").addEventListener("click", async ()=>{ const s = window.__STATE__; const car = s.ms[0]; const l100Txt = isFinite(s.l100) ? s.l100.toFixed(1).replace(".",",") : "—"; const costTxt = isFinite(s.costHorizon) ? Math.round(s.costHorizon).toLocaleString("fr-CA") : "—"; const txt = `Tóm tắt khách hàng — ${car.brand} ${car.model} • Cách sử dụng: ${s.kmYear.toLocaleString("fr-CA")} km/năm, ${s.cityPct}% thành phố, ${s.years} năm, giá trị ${s.fuelPrice.toFixed(2)} $/L • Conso tính toán: ${l100Txt} L/100 km • Bộ chế hòa khí chiếu: ~${costTxt} $ sur ${s.years} ans (bộ chế hòa khí) • Công suất: ${car.hp} hp | Cặp đôi: ${car.torque} | AWD: ${car.awd} • Coffre: ${car.cargoL} L | Sécurité: ${car.safetyTag} • Ưu tiên về điểm số: ${s.scoreCar}/100 Tuyên bố miễn trừ trách nhiệm: giá trị chỉ dẫn; phiên bản/điều kiện selon khác nhau; vérifier données officelles.`; thử{ đang chờ navigator.clipboard.writeText(txt); $("exportBtn").textContent = "Bản sao sơ yếu lý lịch ✓"; setTimeout(()=>$("exportBtn").textContent="Copier sơ yếu lý lịch", 1200); }catch(e){ cảnh báo ("Không thể sao chép tự động. Sao chép thủ công."); } }); render();