Un petit test qui en 9 questions te permettra de trouver ton alter ego dans le film Encanto ! (réalisé avec des méthodes hautement scientifiques issues des plus grandes universités québécoises de psychologie ><)
[[ quiz.title ]]
✅ [[ a.title ]]
❌ [[ a.title ]]
Suivant
Résultats [[ quiz.results[finalscore._result].title ]]
[[finalscore.percent]] %
[[finalscore.right]] ✅
[[finalscore.wrong]] ❌
[[ quiz.results[ finalscore["_max"] ].title ]]
[[ r.name ]]
[[ (finalscore[k] || 0)+’%’ ]]
Recommencer
Contenu du quiz sans javascript:
Questions:
Parmi ces qualités, laquelle te correspond le mieux ?
Une bonne humeur débordante ! (1)
Un leadership naturel (2)
Une grande honnêteté (3)
Une serviabilité quasiment constante (4)
Et quel serait ton petit défaut ?
Tu manques de confiance en toi (1)
Quand tu es focalisé sur un objectif, tu oublies parfois les besoins de tes proches (2)
Tu ne te rends pas compte que tes propos peuvent parfois blesser les autres (3)
Tu as tendance à tout porter sur tes épaules et refuser l’aide d’autrui (4)
Pour toi une fête idéale ça serait :
Une fête où l’on danse, on chante, avec plein de monde ! (1)
Une fête qui se déroule comme prévu (2)
Une fête tranquille, chez toi, tout seul. (3)
Quelques choses d’assez simple avec quelques amis proches (4)
Si tu étais un personnage de jeu de rôle, quelle serait ton aptitude la plus élevée ?
Perception (1)
Charisme (2)
Intelligence (3)
Force (4)
Face à des situations stressantes :
Tu as tendance à perdre tes moyens (1)
Tu gères plutôt bien la pression (2)
Tu as tendance à les fuir au maximum (3)
Tu encaisses jusqu’au point de rupture (4)
Le langage de l’amour qui te correspond le mieux :
Le temps passé ensemble (1)
Les services rendus (2)
Les cadeaux (3)
Le contact physique (4)
Au niveau de l’humour :
Tu aimes beaucoup l’humour, tant que ce n’est pas pour se moquer de quelqu’un (1)
Ce n’est pas trop ton truc (2)
Tu aimes bien rire mais les gens ne comprennent pas trop tes blagues (3)
Tu n’es pas un comique mais rit volontiers à quelques blagues (4)
Au niveau de ta vie sociale :
Tu as le contact facile et apprécie la compagnie d’autrui (1)
Tu as un groupe d’amis, dont tu es le fondateur (2)
Tu es un loup solitaire (3)
Tu favorise la qualité des amitiés à la quantité (4)
Lors d’un travail de groupe / un projet à plusieurs :
Tu t’assures que chacun ait sa place dans le groupe et s’y sente bien (1)
Tu aimes planifier ce qui va se passer (2)
Tu as souvent pleins d’idées, autant de bonnes que de mauvaises (3)
Tu aimes que les choses avancent et déteste que les discussions s’éternisent (4) Résultats:
Tu es Mirabel !
Elle est le personnage principal du film Encanto. Mirabel est une fille pleine de bonne humeur et d’une grande gentillesse. Elle souffre du fait qu’elle soit la seule de sa famille à ne pas posséder de pouvoir, mais va se rendre compte au fil de son aventure que ses qualités valent bien toute la magie du monde !
Tu es Abuela!
Abuela est la matriarche de la famille Madrigal. C’est à elle que le premier don a été confié. Elle possède une grande force de caractère et dirige sa famille avec une main de fer. Elle souhaite être digne des pouvoirs magiques qui ont été confiés aux Madrigal, et fait tout pour que sa famille se mettent au service du village. Même si au fond elle aime profondément ses proches, elle ne se rend malheureusement pas compte de la pression qu’elle leur inflige.
Tu es Bruno!
Bruno est le marginal de la famille Madrigal. Il possède un don qui lui permet de percevoir l’avenir, et même s’il est plein de bonnes intentions, il a parfois de la peine à utiliser ce pouvoir avec du tact. Sa plus grande force est certainement son authenticité. Loin des faux semblants et des apparences, Bruno reste fidèle à lui-même mais si ça ne plait pas à tout le monde.
Tu es Luisa !
Luisa est la sœur ainée de Mirabel. Elle a une force incroyable et la met volontiers au service d’autrui. Elle a d’ailleurs tendance a vouloir porter les problèmes de tout le monde sur ses épaules. Luisa va devoir apprendre à s’en remettre aux autres et à accepter qu’elle possède des failles comme tout le monde ! #quiz blockquote {
background: #4b4c58;
border-left: 10px solid #ffd400;
margin: 0 0 1em 0;
padding: 1em 1em;
quotes: "201C""201D""2018""2019";
}
#quiz blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
#quiz blockquote p {
display: inline;
font-size: larger;
margin-left: 0;
}
#quiz .results blockquote p { font-size: medium; }
#quiz .progress.max {
background-color: #343a40;
border-radius: 0;
height: 0.5rem;
}
#quiz .max .progress-bar {
background-color: #f14ec3;
}
.btn-cyan {
background-color: #00ffdd;
color: #212227!important;
}
.btn-cyan:hover {
color: #00ffdd!important;
background-color: #00ffdd!important;
border-color: #00ffdd!important;
}
#quiz .questions .btn {
white-space: break-spaces;
} const { createApp, ref, computed } = Vue
createApp({
delimiters: ["[[", "]]"],
data() {
const quiz = {"answersnumberinline":2,"displayanswersinline":false,"imageoveranswer":false,"questions":[{"answers":[{"title":"Une bonne humeur débordante !","value":1},{"title":"Un leadership naturel","value":2},{"title":"Une grande honnêteté","value":3},{"title":"Une serviabilité quasiment constante","value":4}],"text":"#### Parmi ces qualités, laquelle te correspond le mieux ?"},{"answers":[{"title":"Tu manques de confiance en toi","value":1},{"title":"Quand tu es focalisé sur un objectif, tu oublies parfois les besoins de tes proches","value":2},{"title":"Tu ne te rends pas compte que tes propos peuvent parfois blesser les autres","value":3},{"title":"Tu as tendance à tout porter sur tes épaules et refuser l’aide d’autrui","value":4}],"text":"#### Et quel serait ton petit défaut ?"},{"answers":[{"title":"Une fête où l’on danse, on chante, avec plein de monde !","value":1},{"title":"Une fête qui se déroule comme prévu","value":2},{"title":"Une fête tranquille, chez toi, tout seul.","value":3},{"title":"Quelques choses d’assez simple avec quelques amis proches","value":4}],"text":"#### Pour toi une fête idéale ça serait : "},{"answers":[{"title":"Perception","value":1},{"title":"Charisme","value":2},{"title":"Intelligence","value":3},{"title":"Force","value":4}],"text":"#### Si tu étais un personnage de jeu de rôle, quelle serait ton aptitude la plus élevée ?"},{"answers":[{"title":"Tu as tendance à perdre tes moyens","value":1},{"title":"Tu gères plutôt bien la pression","value":2},{"title":"Tu as tendance à les fuir au maximum","value":3},{"title":"Tu encaisses jusqu’au point de rupture","value":4}],"text":"#### Face à des situations stressantes : "},{"answers":[{"title":"Le temps passé ensemble","value":1},{"title":"Les services rendus","value":2},{"title":"Les cadeaux","value":3},{"title":"Le contact physique","value":4}],"text":"#### Le langage de l’amour qui te correspond le mieux : "},{"answers":[{"title":"Tu aimes beaucoup l’humour, tant que ce n’est pas pour se moquer de quelqu’un","value":1},{"title":"Ce n’est pas trop ton truc","value":2},{"title":"Tu aimes bien rire mais les gens ne comprennent pas trop tes blagues","value":3},{"title":"Tu n’es pas un comique mais rit volontiers à quelques blagues","value":4}],"text":"#### Au niveau de l’humour : "},{"answers":[{"title":"Tu as le contact facile et apprécie la compagnie d’autrui","value":1},{"title":"Tu as un groupe d’amis, dont tu es le fondateur","value":2},{"title":"Tu es un loup solitaire","value":3},{"title":"Tu favorise la qualité des amitiés à la quantité","value":4}],"text":"#### Au niveau de ta vie sociale : "},{"answers":[{"title":"Tu t’assures que chacun ait sa place dans le groupe et s’y sente bien","value":1},{"title":"Tu aimes planifier ce qui va se passer","value":2},{"title":"Tu as souvent pleins d’idées, autant de bonnes que de mauvaises","value":3},{"title":"Tu aimes que les choses avancent et déteste que les discussions s’éternisent","value":4}],"text":"#### Lors d’un travail de groupe / un projet à plusieurs : "}],"randomizeanswers":true,"randomizequestions":true,"results":{"1":{"description":"Elle est le personnage principal du film Encanto. Mirabel est une fille pleine de bonne humeur et d’une grande gentillesse. Elle souffre du fait qu’elle soit la seule de sa famille à ne pas posséder de pouvoir, mais va se rendre compte au fil de son aventure que ses qualités valent bien toute la magie du monde !","image":"https://media.giphy.com/media/HG6FHWzOJQiWvNTPjh/giphy.gif","name":"Mirabel","title":"Tu es Mirabel !"},"2":{"description":"Abuela est la matriarche de la famille Madrigal. C’est à elle que le premier don a été confié. Elle possède une grande force de caractère et dirige sa famille avec une main de fer. Elle souhaite être digne des pouvoirs magiques qui ont été confiés aux Madrigal, et fait tout pour que sa famille se mettent au service du village. Même si au fond elle aime profondément ses proches, elle ne se rend malheureusement pas compte de la pression qu’elle leur inflige.","image":"https://lh5.googleusercontent.com/proxy/YRw7tLXq6PVDQOx0oLYMmwNOAqWwh2WmmHqZxrBck5zK32lU5DnzNNRVuQhSaCdnn2W8Z-5quxJwnA16XHpFmZLr12sl9DYMRHnZKptxPtqA4Fa01FWyPrQq8p3XGqafP2_ef8cKPIJ66YGotecXybFNMQYMT1b4oMhS=w1200-h630-p-k-no-nu","name":"Abuela","title":"Tu es Abuela!"},"3":{"description":"Bruno est le marginal de la famille Madrigal. Il possède un don qui lui permet de percevoir l’avenir, et même s’il est plein de bonnes intentions, il a parfois de la peine à utiliser ce pouvoir avec du tact. Sa plus grande force est certainement son authenticité. Loin des faux semblants et des apparences, Bruno reste fidèle à lui-même mais si ça ne plait pas à tout le monde.","image":"https://www.elvigia.net/u/fotografias/m/2022/1/10/f850x638-481223_558712_5050.jpg","name":"Bruno","title":"Tu es Bruno!"},"4":{"description":"Luisa est la sœur ainée de Mirabel. Elle a une force incroyable et la met volontiers au service d’autrui. Elle a d’ailleurs tendance a vouloir porter les problèmes de tout le monde sur ses épaules. Luisa va devoir apprendre à s’en remettre aux autres et à accepter qu’elle possède des failles comme tout le monde !","image":"https://media-cldnry.s-nbcnews.com/image/upload/t_fit-1500w,f_auto,q_auto:best/rockcms/2022-01/luisa-encanto-doppleganger-today-main-406cd6.jpg","name":"Luisa","title":"Tu es Luisa !"}},"skipvalidation":true,"title":""}
if (quiz.randomizequestions) {
quiz.questions = quiz.questions
.map(v => ({v, sort: Math.random()}))
.sort((a, b) => a.sort - b.sort)
.map(({v}) => v)
}
if (quiz.randomizeanswers) {
quiz.questions.forEach(q => {
q.answers = q.answers
.map(v => ({v, sort: Math.random()}))
.sort((a, b) => a.sort - b.sort)
.map(({v}) => v)
})
}
const showAnswer = ref(false)
const score = ref([])
const finalscore = ref()
const isQuiz = ref()
const questionNumber = ref(0)
const validate = (a) => {
showAnswer.value = a
if (score.value.length == questionNumber.value)
score.value.push(a.value)
else
score.value[score.value.length - 1] = a.value
if (quiz.skipvalidation) nextQuestion()
}
const nextQuestion = () => {
showAnswer.value = false
questionNumber.value += 1
if (finished.value) {
isQuiz.value = score.value.every(s => typeof s == "boolean")
if (isQuiz.value) {
var percent = (score.value.filter(s => s).length / quiz.questions.length * 100).toFixed()
var r = Math.max(...Object.keys(quiz.results).filter(v => percent >= parseInt(v)))
finalscore.value = {
percent: percent,
right: score.value.filter(s => s).length,
wrong: score.value.filter(s => !s).length,
_result: r
}
}
else {
finalscore.value = {}
score.value.forEach(s => {
if (s in finalscore.value) finalscore.value[s] += 1
else finalscore.value[s] = 1
})
Object.keys(finalscore.value).forEach(k => {
finalscore.value[k] = (finalscore.value[k] / quiz.questions.length * 100).toFixed()})
max = Math.max(...Object.values(finalscore.value))
Object.keys(finalscore.value).forEach(k => {
if (finalscore.value[k] == max) finalscore.value["_max"] = k
})
}
}
}
const progressStyle = computed(() => {
progress = (questionNumber.value + (showAnswer.value ? 1 : 0)) / quiz.questions.length * 100
return `width: ${progress}%`
})
const finished = computed(() => questionNumber.value >= (quiz.questions.length) )
const md = (t) => marked.parse(t || "")
return {
message: ’Hello Vue!’,
questionNumber,
showAnswer,
quiz,
validate,
nextQuestion,
progressStyle,
finished,
md,
score,
finalscore,
isQuiz
}
}
}).mount(’#quiz’)
Read more
Guest
