Quand l’élégance rencontre la personnalité, chaque détail compte. Entre les influences aristocratiques du XIXᵉ siècle et les détournements urbains de la décennie 2020, le smoking demeure la pièce qui sculpte une silhouette et raconte une histoire. Ce guide vous plonge dans l’univers feutré et captivant du “dinner jacket” : de la coupe la plus ajustée aux accessoires qui font la différence, tout en vous faisant explorer l’équilibre subtil entre tradition et avant-garde. À travers des cas concrets, des marques iconiques et des astuces de communiquant, découvrez comment transformer un costume noir standard en une véritable signature visuelle.
// Données du quizz (JSON local)
const quizData = {
title: « Quel style de smoking vous correspond ? »,
questions: [
{
question: « Préférez-vous un look classique ou audacieux ? »,
options: [« Classique », « Audacieux »]
},
{
question: « Quel est votre budget pour un smoking ? »,
options: [« Moins de 900 € », « 900–1600 € », « Plus de 1600 € »]
},
{
question: « Quelle marque vous inspire le plus ? »,
options: [« Hugo Boss », « Yves Saint Laurent », « Balenciaga », « Berluti »]
}
]
};
// Textes i18n modifiables
const i18n = {
next: « Suivant »,
prev: « Précédent »,
finish: « Terminer »,
resultTitle: « Votre style idéal »,
resultClassic: « Vous avez un goût pour l’élégance intemporelle. Optez pour un smoking classique en satin noir. »,
resultAudacious: « Vous aimez l’originalité. Un smoking audacieux, couleur ou coupe moderne vous ira à merveille. »
};
// État du quizz
let currentIndex = 0;
const answers = [];
// Initialisation
document.getElementById(« quiz-title »).innerText = quizData.title;
const prevBtn = document.getElementById(« prev-btn »);
const nextBtn = document.getElementById(« next-btn »);
const contentDiv = document.getElementById(« quiz-content »);
const resultDiv = document.getElementById(« quiz-result »);
// Affiche une question
function renderQuestion(index) {
const q = quizData.questions[index];
let html = ``;
contentDiv.innerHTML = html;
prevBtn.disabled = index === 0;
nextBtn.innerText = index === quizData.questions.length – 1 ? i18n.finish : i18n.next;
}
function showResult {
// Simple calcul selon première réponse
const classicCount = answers.filter(ans => ans === « Classique »).length;
const audaciousCount = answers.filter(ans => ans === « Audacieux »).length;
let resultText = i18n.resultClassic;
if (audaciousCount > classicCount) {
resultText = i18n.resultAudacious;
}
contentDiv.style.display = « none »;
prevBtn.style.display = « none »;
nextBtn.style.display = « none »;
resultDiv.style.display = « block »;
resultDiv.innerHTML = `
${i18n.resultTitle}
${resultText}
`;
}
// Gestion des clics
prevBtn.addEventListener(« click », => {
if (currentIndex > 0) {
currentIndex–;
renderQuestion(currentIndex);
}
});
nextBtn.addEventListener(« click », => {
const selected = document.querySelector(`input[name= »q${currentIndex} »]:checked`);
if (!selected) return; // Pas de choix, on bloque
answers[currentIndex] = selected.value;
if (currentIndex < quizData.questions.length – 1) {
currentIndex++;
renderQuestion(currentIndex);
} else {
showResult;
}
});
// Démarrage quiz
renderQuestion(currentIndex);
