Which AI Mannequin Does Your Thoughts Resemble?
physique {
margin: 0;
padding: 0;
background-color: #000;
coloration: #fff;
font-family: Arial, sans-serif;
}
#ai-quiz {
width: 100%;
max-width: 1200px;
margin: 20px auto;
padding: 20px;
box-sizing: border-box;
}
h2 {
text-align: middle;
margin-bottom: 30px;
coloration: #fff;
}
/* Container for questions in a single column */
.questions-container {
show: block;
}
.question-box {
background: #1a1a1a;
border: 1px stable #444;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
padding: 20px;
margin-bottom: 20px;
box-sizing: border-box;
width: 100%;
}
.question-box p {
margin: 0 0 15px 0;
font-size: 18px;
font-weight: daring;
}
.question-number {
show: inline-block;
background: #c1205b;
coloration: #fff;
width: 30px;
top: 30px;
text-align: middle;
line-height: 30px;
border-radius: 50%;
margin-right: 10px;
font-size: 16px;
}
label {
show: block;
margin-bottom: 8px;
font-size: 16px;
cursor: pointer;
padding: 4px;
border-radius: 4px;
}
label:hover {
background-color: #333;
}
enter[type=”radio”] {
margin-right: 8px;
cursor: pointer;
}
.submit-container {
text-align: middle;
width: 100%;
margin-top: 20px;
}
.submit-button {
padding: 12px 20px;
font-size: 18px;
coloration: #fff;
background-color: #c1205b;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.submit-button:hover {
background-color: #a51549;
}
#outcome {
margin-top: 20px;
padding: 20px;
border: 2px stable #c1205b;
border-radius: 8px;
background-color: #1a1a1a;
show: none;
text-align: middle;
}
#outcome h3 {
margin-bottom: 10px;
coloration: #c1205b;
}
Which AI Mannequin Does Your Thoughts Resemble?
1How would you describe your problem-solving method?
Detailed and explanatory
Artistic with distinctive views
Analytical and arranged
Quick and sensible
2Which music type finest displays your temper?
Classical and considerate tunes
Various and experimental beats
Severe and structured rhythms
Energetic and widespread hits
3Which exercise defines you essentially the most?
Lengthy readings and deep conversations
Artistic actions like artwork and design
Planning and evaluation
Fingers-on, sensible experiments
4How do you employ social media?
Diving into informative content material
Sharing artistic and aesthetic posts
Producing organized, strategic content material
Posting brief, impactful updates
5What weighs most when making a call?
Deep evaluation and previous experiences
Creativity and instinct
Logic and order
Fast motion and practicality
6How do you’re feeling about studying new applied sciences?
I really like diving deep into particulars
I take pleasure in artistic, unconventional strategies
I want structured and methodical approaches
I shortly undertake and adapt to new tendencies
7What’s your favourite kind of film?
Thought-provoking dramas
Imaginative sci-fi and fantasy
Documentaries and structured narratives
Quick-paced motion flicks
8How would buddies describe your communication type?
Considerate and detailed
Expressive and revolutionary
Logical and exact
Concise and energetic
9What position do you usually absorb group tasks?
I present thorough analysis
I carry artistic concepts
I arrange and plan
I get issues executed shortly
10How do you deal with stress?
By reflecting and analyzing
By exploring artistic retailers
By methodically planning options
By taking speedy sensible motion
Consequence:
operate calculateResult() {
const kind = doc.kinds.quizForm;
const solutions = [“q1”, “q2”, “q3”, “q4”, “q5”, “q6”, “q7”, “q8”, “q9”, “q10”];
let scores = {
“ChatGPT”: 0,
“Gemini”: 0,
“Claude”: 0,
“Grok”: 0
};
solutions.forEach(qName => {
let choices = kind[qName];
for (let i = 0; i maxScore) {
maxScore = scores[model];
resultModel = mannequin;
}
}
let messages = {
“ChatGPT”: “Your thoughts is detailed and explanatory, very like ChatGPT!”,
“Gemini”: “You embrace creativity and distinctive views, similar to Gemini!”,
“Claude”: “Your analytical and arranged method is much like Claude!”,
“Grok”: “Your fast and sensible options mirror Grok’s power!”
};
doc.getElementById(“resultText”).innerText = messages[resultModel];
doc.getElementById(“outcome”).type.show = “block”;
}
You Could Additionally Like
Bitcoin Superior Check Quiz
How Nicely Do You Know 1inch Coin?
Are You Prepared for the Metaverse? – Metaverse Quiz
