Comparateur Toyota Tacoma 2026 — Outil de vente (QC)
Comparateur dynamique — Toyota Tacoma 2026 (QC)
Outil (sans prix) : Tacoma 2026 vs 5 concurrents, calculateur carburant (km/an, % ville, $/L) + score pondéré “priorités client”.
📌 Axes forts Tacoma : couple, 4x4, remorquage, sécurité, polyvalence.
1 fichier HTML
Responsive mobile/tablette/PC
Sans prix véhicule
GAS / MANUAL / HYBRID
TSS 3.0 (Tacoma)
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 officiels (ou combinée si fournie).
Coût carburant (projection)
—
Carburant seulement (aucun prix véhicule).
Puissance
—
Selon version (GAS / HYBRID).
Couple
—
Le couple = “force au travail” (remorquage/relances).
Remorquage max
—
Capacité selon version.
Caisse
—
Exemples : 6-ft ou 5-ft selon config.
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 le Tacoma vs 5 concurrents (placeholders).
Arguments “flash” (à dire au client)
Ce que l’outil démontre
- Coût d’usage : projection carburant selon km/an, % ville, $/L.
- Couple : plus de “force utile” = conduite chargée/remorque plus sereine.
- Remorquage : comparaison simple des capacités.
- 4x4 : traction/hiver (QC) + usage hors route (selon besoins).
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 (lb-ft) |
4x4 |
Remorquage (lb) |
Ville (L/100) |
Route (L/100) |
Combinée (L/100) |
Caisse |
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.drive ?? "—"} |
${isFinite(m.towLb) ? fmtInt(m.towLb) : "—"} |
${isFinite(m.cityL) ? fmt(m.cityL,1) : "—"} |
${isFinite(m.hwyL) ? fmt(m.hwyL,1) : "—"} |
${isFinite(m.combL) ? fmt(m.combL,1) : "—"} |
${m.bed ?? "—"} |
${pill} |
`;
tbody.appendChild(tr);
});
// charts
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 12.0;
});
const workBars = ms.map(m=>{
const tq = m.torque || 0;
const tow = m.towLb || 0;
return Math.round(0.6*tq + 0.4*(tow/20));
});
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});
chartWork = upsertBar(chartWork, "chartWork", {labels, label:"Indice “travail” (couple + remorquage) — plus haut = mieux", data:workBars});
chartScore = upsertBar(chartScore, "chartScore", {labels, label:"Score priorités (0–100) — plus haut = mieux", data:scoreBars});
window.__STATE__ = {kmYear,fuelPrice,cityPct,years,weights,ms,l100,costHorizon,scoreCar};
}
[
"variant","kmYear","fuelPrice","cityPct","years",
"wFuel","wTorque","wTow","w4x4","wSafety","wPeace"
].forEach(id => $(id).addEventListener("input", render));
$("resetBtn").addEventListener("click", ()=>{
$("variant").value = "hyb";
$("kmYear").value = 24000;
$("fuelPrice").value = 1.75;
$("cityPct").value = 55;
$("years").value = 5;
$("wFuel").value = 55;
$("wTorque").value = 75;
$("wTow").value = 80;
$("w4x4").value = 70;
$("wSafety").value = 70;
$("wPeace").value = 85;
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 =
`Résumé client — ${car.brand} ${car.model}
• Usage: ${s.kmYear.toLocaleString("fr-CA")} km/an, ${s.cityPct}% ville, ${s.years} ans, essence ${s.fuelPrice.toFixed(2)} $/L
• Conso calculée: ${l100Txt} L/100 km
• Projection carburant: ~${costTxt} $ sur ${s.years} ans (carburant seulement)
• Puissance: ${car.hp} hp | Couple: ${car.torque} lb-ft | Remorquage: ${car.towLb.toLocaleString("fr-CA")} lb
• 4x4: ${car.drive} | Caisse: ${car.bed}
• Sécurité: ${car.safetyTag}
• Score priorités: ${s.scoreCar}/100
Disclaimer: valeurs indicatives; varient selon version/conditions; vérifier données officielles.`;
try{
await navigator.clipboard.writeText(txt);
$("exportBtn").textContent = "Résumé copié ✓";
setTimeout(()=>$("exportBtn").textContent="Copier résumé", 1200);
}catch(e){
alert("Copie automatique impossible. Copiez manuellement.");
}
});
render();
