Comparateur Toyota 4Runner 2026 — Outil de vente (QC)
Comparateur dynamique — Toyota 4Runner 2026 (QC)
Outil (sans prix) : 4Runner 2026 vs 5 concurrents, calculateur carburant (km/an, % ville, $/L) + score pondéré “priorités client”.
📌 Axes forts 4Runner : capacité (remorquage), 4WD, TSS 3.0, polyvalence, espace/cargo.
1 fichier HTML
Responsive mobile/tablette/PC
Sans prix véhicule
Gas 278 hp / 317 lb-ft
Hybrid 326 hp / 465 lb-ft
TSS 3.0 + PDA
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 / Couple
—
Gas: 278/317 | Hybrid: 326/465.
Remorquage
—
Selon version.
Places
—
Gas: 7 | Hybrid: 5.
Cargo max (L)
—
Derrière sièges avant (max).
Sécurité
—
Toyota Safety Sense 3.0 + PDA.
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 4Runner 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).
- Capacité : remorquage + couple (utile remorque / plein air).
- Famille : 7 places (Gas) et cargo volumineux.
- Sécurité : TSS 3.0 + PDA.
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) |
Ville (L/100) |
Route (L/100) |
Combinée (L/100) |
Remorquage (lb) |
Places |
Cargo max (L) |
Cargo derrière 2e (L) |
Cargo derrière 3e (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.metalikang kuwintas ?? "—"} |
${isFinite(m.cityL) ? fmt(m.cityL,1) : "—"} |
${isFinite(m.hwyL) ? fmt(m.hwyL,1): "—"} |
${isFinite(m.combL) ? fmt(m.combL,1) : "—"} |
${isFinite(m.towLb) ? fmtInt(m.towLb) : "—"} |
${m.na upuan ?? "—"} |
${isFinite(m.cargoMaxL) ? fmtInt(m.cargoMaxL) : "—"} |
${isFinite(m.cargo2ndL) ? fmtInt(m.cargo2ndL) : "—"} |
${(m.cargo3rdL && m.cargo3rdL>0) ? fmtInt(m.cargo3rdL) : "—"} |
${pill} |
`; tbody.appendChild(tr); }); // mga tsart const label = ms.map(m => (m.isToyota ? "★ " : "") + shortName(m)); const fuelBars = ms.map(m=>{ const mix2 = blendedL100(m.cityL,m.hwyL,cityPct); kung(isFinite(mix2)) ibalik +mix2.toFixed(2); kung(isFinite(m.combL)) ibalik ang m.combL; ibalik ang 12.0; }); const towBars = ms.map(m => m.towLb || 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}); chartTow = upsertBar(chartTow, "chartTow", {labels, label:"Remorquage (lb) — plus haut = mieux", data:towBars}); chartScore = upsertBar(chartScore, "chartScore", {labels, label:"Mga prayoridad ng Iskor (0–100) — plus haut = mieux", data:scoreBars}); window.__ESTADO__ = {kmYear,Presyo ng Panggatong,lungsodPct,taon,timbang,ms,l100,costHorizon,scoreCar}; } [ "baryant","kmYear","fuelPrice","cityPct","years", "wFuel","wTow","wPerf","wCargo","wSafety","wFamily" ].forEach(id => $(id).addEventListener("input", render)); $("resetBtn").addEventListener("click", ()=>{ $("variant").value = "gasolina"; $("kmYear").value = 20000; $("Presyo ng gasolina").value = 1.75; $("cityPct").value = 55; $("taon").value = 5; $("wFuel").value = 55; $("wTow").value = 75; $("wPerf").value = 55; $("wCargo").value = 60; $("wSafety").value = 80; $("wFamily").value = 55; 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} • Paggamit: ${s.kmYear.toLocaleString("fr-CA")} km/araw, ${s.cityPct}% lungsod, ${s.years} taon, esensya ${s.fuelPrice.toFixed(2)} $/L • Conso calculée: ${l100Txt} L/100 km • Projection carburant: ~${costTxt} $ sur ${s.years} ans (carburant seulement) • Puissance/Couple: ${car.hp} hp | ${car.torque} lb-ft | 4WD • Remorquage: ${car.towLb.toLocaleString("fr-CA")} lb | Mga lugar: ${car.seats} • Cargo max: ${car.cargoMaxL.toLocaleString("fr-CA")} L • Sécurité: ${car.safetyTag} • Mga priyoridad ng Score: ${s.scoreCar}/100 Disclaimer: valeurs indicatives; iba't ibang bersyon/kondisyon ng selon; vérifier données officielles.`; subukan{ hintayin ang navigator.clipboard.writeText(txt); $("exportBtn").textContent = "Résumé copié ✓"; setTimeout(()=>$("exportBtn").textContent="Copier resume", 1200); }catch(e){ alert("Copie automatique impossible. Copiez manuellement."); } }); render();
