Leadership Styles Quiz

Welcome to the Leadership Styles Quiz

This quiz is based on Daniel Goleman's six leadership styles: Coercive, Authoritative, Affiliative, Democratic, Pacesetting, and Coaching.

You'll be presented with 18 statements about leadership behaviors. For each statement, indicate how often you engage in that behavior, from \"Never\" to \"Always\".

At the end, you'll receive a breakdown of your leadership style tendencies.

\n \n

\n );\n }\n\n if (showResults) {\n const scores = calculateScores();\n const sortedStyles = leadershipStyles.sort((a, b) => scores[b] - scores[a]);\n const maxScore = Math.max(...Object.values(scores));\n const naturalStyles = sortedStyles.filter(style => scores[style] === maxScore);\n \n return (\n

Leadership Styles Quiz

Your Leadership Style Results

\n {sortedStyles.map((style, index) => (\n

\n {style}\n

\n {scores[style]}%\n

\n ))}\n

Your natural style{naturalStyles.length > 1 ? 's appear' : ' appears'} to be: {naturalStyles.join(\", \")}

\n \n

\n );\n }\n\n if (questions.length === 0) {\n return

;\n }\n\n return (\n

Leadership Styles Quiz

Question {currentQuestion + 1} of {questions.length}

{questions[currentQuestion].text}

\n {scaleOptions.map(option => (\n handleAnswer(option.value)}\n className={`button answer ${answers[currentQuestion] === option.value ? 'selected' : ''}`}\n >\n {option.label}\n \n ))}\n

\n \n {currentQuestion === questions.length - 1 ? (\n \n ) : (\n \n )}\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Leadership Styles Quiz\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: #1F2937;\n background-color: #F3F4F6;\n margin: 0;\n padding: 40px 20px;\n}\n\n.container {\n max-width: 700px;\n margin: 0 auto;\n}\n\n.container > *:first-child {\n margin-top: 0;\n}\n\n.card {\n background-color: #fff;\n border-radius: 16px;\n padding: 40px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n margin-top: 30px;\n}\n\nh1 {\n color: #111827;\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 30px;\n text-align: center;\n}\n\nh2 {\n color: #374151;\n font-size: 24px;\n font-weight: 600;\n margin-top: 0;\n margin-bottom: 24px;\n}\n\n.question-container {\n margin-bottom: 30px;\n}\n\n.question-text {\n height: 100px;\n overflow-y: auto;\n margin-bottom: 20px;\n}\n\n.question-text p {\n font-size: 20px;\n margin: 0;\n}\n\n.answers {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 30px;\n}\n\n.button {\n padding: 14px 28px;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n font-weight: 600;\n font-size: 16px;\n transition: all 0.3s ease;\n}\n\n.button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.button.primary {\n background-color: #29CC57;\n color: white;\n}\n\n.button.secondary {\n background-color: #E5E7EB;\n color: #374151;\n}\n\n.button.answer {\n flex: 1;\n background-color: #F3F4F6;\n color: #374151;\n}\n\n.button.answer.selected {\n background-color: #29CC57;\n color: white;\n}\n\n.button:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.navigation {\n display: flex;\n justify-content: space-between;\n margin-bottom: 30px;\n}\n\n.progress-bar {\n width: 100%;\n height: 10px;\n background-color: #E5E7EB;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.progress {\n height: 100%;\n background-color: #29CC57;\n transition: width 0.3s ease-in-out;\n}\n\n.result-grid {\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 16px 12px;\n align-items: center;\n margin-bottom: 30px;\n}\n\n.result-item {\n display: contents;\n}\n\n.style-name {\n font-weight: 600;\n font-size: 18px;\n}\n\n.score-value {\n text-align: right;\n font-weight: 600;\n font-size: 18px;\n}\n\n.natural-style {\n font-size: 20px;\n margin-bottom: 30px;\n}\n\n.val-town-link {\n margin-top: 24px;\n text-align: center;\n}\n\n.val-town-link a {\n color: #9CA3AF;\n text-decoration: none;\n font-weight: 500;\n font-size: 14px;\n}\n\n.val-town-link a:hover {\n text-decoration: underline;\n}\n\n.loading {\n text-align: center;\n margin-top: 40px;\n font-size: 20px;\n}\n\n.intro p {\n margin-bottom: 20px;\n}\n\n.intro button {\n margin-top: 10px;\n}\n\n@media (max-width: 600px) {\n body {\n padding: 20px 16px;\n }\n\n .card {\n padding: 30px 20px;\n }\n\n h1 {\n font-size: 28px;\n }\n\n h2 {\n font-size: 22px;\n }\n\n .question-text p {\n font-size: 18px;\n }\n\n .answers {\n flex-direction: column;\n }\n\n .navigation {\n flex-direction: column;\n gap: 16px;\n }\n \n .button {\n width: 100%;\n padding: 12px 20px;\n }\n\n .natural-style {\n font-size: 18px;\n }\n}\n`;","createdAt",["D",1728676074914],"version",24,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_133":134,"_135":136},"handle","jaredsilver","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybkl0ZXZsNEJ0Q1JnMVRRZ202QW9qZTNUemwifQ","forkedVal","fileId","interval","slug","jaredsilver/leadership_styles_inventory","description","@jsxImportSource https://esm.sh/react","versions",[146,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,236,239],{"_121":122,"_147":-5,"_119":148,"_116":114},"prId",["D",1728676074914],{"_121":150,"_147":-5,"_119":151,"_116":152},23,["D",1728675946589],"68c9e10a-8809-11ef-a2c4-de64eea55b61",{"_121":154,"_147":-5,"_119":155,"_116":156},22,["D",1728675817029],"1b9080ec-8809-11ef-a4c7-de64eea55b61",{"_121":158,"_147":-5,"_119":159,"_116":160},21,["D",1728675793152],"0d552d02-8809-11ef-bc1e-de64eea55b61",{"_121":162,"_147":-5,"_119":163,"_116":164},20,["D",1728675654375],"ba9d8a0a-8808-11ef-a823-de64eea55b61",{"_121":166,"_147":-5,"_119":167,"_116":168},19,["D",1728675445546],"3e24af12-8808-11ef-b44d-de64eea55b61",{"_121":170,"_147":-5,"_119":171,"_116":172},18,["D",1728675369354],"10bacae8-8808-11ef-ac9c-de64eea55b61",{"_121":174,"_147":-5,"_119":175,"_116":176},17,["D",1728675274556],"d839bfe4-8807-11ef-8a38-de64eea55b61",{"_121":178,"_147":-5,"_119":179,"_116":180},16,["D",1728675190670],"a639b332-8807-11ef-b216-de64eea55b61",{"_121":182,"_147":-5,"_119":183,"_116":184},15,["D",1728675040415],"4cab1356-8807-11ef-b216-de64eea55b61",{"_121":186,"_147":-5,"_119":187,"_116":188},14,["D",1728674938678],"1006de80-8807-11ef-9f3c-de64eea55b61",{"_121":190,"_147":-5,"_119":191,"_116":192},13,["D",1728674831441],"d01bc0a6-8806-11ef-b292-de64eea55b61",{"_121":194,"_147":-5,"_119":195,"_116":196},12,["D",1728674574493],"36f484d0-8806-11ef-9196-de64eea55b61",{"_121":198,"_147":-5,"_119":199,"_116":200},11,["D",1728674495040],"0798fe14-8806-11ef-8854-de64eea55b61",{"_121":202,"_147":-5,"_119":203,"_116":204},10,["D",1728674321851],"a05e6982-8805-11ef-98c1-de64eea55b61",{"_121":206,"_147":-5,"_119":207,"_116":208},9,["D",1728674144931],"36eacb76-8805-11ef-a0aa-de64eea55b61",{"_121":210,"_147":-5,"_119":211,"_116":212},8,["D",1728673879350],"989e2bb6-8804-11ef-92ca-de64eea55b61",{"_121":214,"_147":-5,"_119":215,"_116":216},7,["D",1728673527769],"c70f193e-8803-11ef-b6e2-de64eea55b61",{"_121":218,"_147":-5,"_119":219,"_116":220},6,["D",1728673452156],"99fd954c-8803-11ef-862d-de64eea55b61",{"_121":222,"_147":-5,"_119":223,"_116":224},5,["D",1728673300734],"3fbc457e-8803-11ef-ac41-de64eea55b61",{"_121":226,"_147":-5,"_119":227,"_116":228},4,["D",1728673240686],"1bf1c588-8803-11ef-8403-de64eea55b61",{"_121":230,"_147":-5,"_119":231,"_116":232},3,["D",1728673153395],"e7ea5462-8802-11ef-bace-de64eea55b61",{"_121":94,"_147":-5,"_119":234,"_116":235},["D",1728673049536],"aa029c04-8802-11ef-a2db-de64eea55b61",{"_121":125,"_147":-5,"_119":237,"_116":238},["D",1728672972471],"7c1363a0-8802-11ef-8516-de64eea55b61",{"_121":33,"_147":-5,"_119":240,"_116":241},["D",1728672821155],"21e2a29c-8802-11ef-93c4-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.fork",{"_97":98,"_99":100,"_98":249,"_243":-5,"_244":303,"_133":134,"_142":143,"_104":105,"_102":103,"_121":-7,"_52":53},{"_102":103,"_99":100,"_104":105,"_106":-5,"_107":-5,"_108":109,"_110":-5,"_111":112,"_113":114,"_115":27,"_116":114,"_117":118,"_119":250,"_121":122,"_123":27,"_124":125,"_126":33,"_127":33,"_128":33,"_129":33,"_130":33,"_131":-5,"_21":251,"_137":-5,"_138":-5,"_139":-7,"_140":141,"_142":143,"_144":252},["D",1728676074914],{"_133":134,"_135":136},[253,255,257,259,261,263,265,267,269,271,273,275,277,279,281,283,285,287,289,291,293,295,297,299,301],{"_121":122,"_147":-5,"_119":254,"_116":114},["D",1728676074914],{"_121":150,"_147":-5,"_119":256,"_116":152},["D",1728675946589],{"_121":154,"_147":-5,"_119":258,"_116":156},["D",1728675817029],{"_121":158,"_147":-5,"_119":260,"_116":160},["D",1728675793152],{"_121":162,"_147":-5,"_119":262,"_116":164},["D",1728675654375],{"_121":166,"_147":-5,"_119":264,"_116":168},["D",1728675445546],{"_121":170,"_147":-5,"_119":266,"_116":172},["D",1728675369354],{"_121":174,"_147":-5,"_119":268,"_116":176},["D",1728675274556],{"_121":178,"_147":-5,"_119":270,"_116":180},["D",1728675190670],{"_121":182,"_147":-5,"_119":272,"_116":184},["D",1728675040415],{"_121":186,"_147":-5,"_119":274,"_116":188},["D",1728674938678],{"_121":190,"_147":-5,"_119":276,"_116":192},["D",1728674831441],{"_121":194,"_147":-5,"_119":278,"_116":196},["D",1728674574493],{"_121":198,"_147":-5,"_119":280,"_116":200},["D",1728674495040],{"_121":202,"_147":-5,"_119":282,"_116":204},["D",1728674321851],{"_121":206,"_147":-5,"_119":284,"_116":208},["D",1728674144931],{"_121":210,"_147":-5,"_119":286,"_116":212},["D",1728673879350],{"_121":214,"_147":-5,"_119":288,"_116":216},["D",1728673527769],{"_121":218,"_147":-5,"_119":290,"_116":220},["D",1728673452156],{"_121":222,"_147":-5,"_119":292,"_116":224},["D",1728673300734],{"_121":226,"_147":-5,"_119":294,"_116":228},["D",1728673240686],{"_121":230,"_147":-5,"_119":296,"_116":232},["D",1728673153395],{"_121":94,"_147":-5,"_119":298,"_116":235},["D",1728673049536],{"_121":125,"_147":-5,"_119":300,"_116":238},["D",1728672972471],{"_121":33,"_147":-5,"_119":302,"_116":241},["D",1728672821155],[],"routes/_app","actionData","errors"]