Spaces:
Running
Running
Update index.html
Browse files- index.html +39 -30
index.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
-
<title>
|
7 |
<style>
|
8 |
body {
|
9 |
font-family: Arial, sans-serif;
|
@@ -72,50 +72,53 @@
|
|
72 |
font-size: 16px;
|
73 |
cursor: pointer;
|
74 |
}
|
|
|
|
|
|
|
|
|
|
|
75 |
</style>
|
76 |
</head>
|
77 |
<body>
|
78 |
-
<h1>
|
79 |
-
<p><strong>Learn More:</strong> <a href="https://
|
80 |
<div id="game-board">
|
81 |
<!-- Categories -->
|
82 |
-
<div class="category">
|
83 |
-
<div class="category">
|
84 |
-
<div class="category">
|
85 |
-
<div class="category">
|
86 |
-
<div class="category">
|
87 |
-
<!-- Cards will be dynamically added here -->
|
88 |
</div>
|
89 |
<div id="question-display"></div>
|
90 |
<div id="score">Score: 0</div>
|
91 |
-
|
92 |
<script>
|
93 |
-
const categories = ['
|
94 |
const questions = [
|
95 |
[
|
96 |
-
{ q: "What
|
97 |
-
{ q: "
|
98 |
-
{ q: "
|
99 |
],
|
100 |
[
|
101 |
-
{ q: "
|
102 |
-
{ q: "
|
103 |
-
{ q: "
|
104 |
],
|
105 |
[
|
106 |
-
{ q: "What
|
107 |
-
{ q: "
|
108 |
-
{ q: "Which
|
109 |
],
|
110 |
[
|
111 |
-
{ q: "What
|
112 |
-
{ q: "What
|
113 |
-
{ q: "
|
114 |
],
|
115 |
[
|
116 |
-
{ q: "What
|
117 |
-
{ q: "What
|
118 |
-
{ q: "What does
|
119 |
]
|
120 |
];
|
121 |
let score = 0;
|
@@ -140,8 +143,8 @@
|
|
140 |
if (cardElement.classList.contains('disabled')) return;
|
141 |
|
142 |
const question = questions[category][difficulty];
|
143 |
-
|
144 |
-
`<button class="answer-btn" onclick="checkAnswer(${category}, ${difficulty}, ${index})">${answer}</button>`
|
145 |
).join('');
|
146 |
|
147 |
questionDisplay.innerHTML = `
|
@@ -158,9 +161,15 @@
|
|
158 |
const isCorrect = selectedAnswer === question.correct;
|
159 |
const value = (difficulty + 1) * 100;
|
160 |
|
161 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
162 |
scoreDisplay.textContent = `Score: ${score}`;
|
163 |
-
questionDisplay.innerHTML += `<p>${isCorrect ? 'Correct!' : 'Wrong!'}</p>`;
|
164 |
}
|
165 |
|
166 |
createBoard();
|
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
+
<title>Agentic Workforce Jeopardy</title>
|
7 |
<style>
|
8 |
body {
|
9 |
font-family: Arial, sans-serif;
|
|
|
72 |
font-size: 16px;
|
73 |
cursor: pointer;
|
74 |
}
|
75 |
+
.feedback {
|
76 |
+
margin-top: 10px;
|
77 |
+
font-size: 18px;
|
78 |
+
font-weight: bold;
|
79 |
+
}
|
80 |
</style>
|
81 |
</head>
|
82 |
<body>
|
83 |
+
<h1>Agentic Workforce Jeopardy</h1>
|
84 |
+
<p><strong>Learn More:</strong> <a href="https://www.linkedin.com/pulse/unleashing-power-genai-workforce-michael-lively-bqjqe/" target="_blank">Agentic Workforce</a></p>
|
85 |
<div id="game-board">
|
86 |
<!-- Categories -->
|
87 |
+
<div class="category">Agentics</div>
|
88 |
+
<div class="category">AI Types</div>
|
89 |
+
<div class="category">LangChain</div>
|
90 |
+
<div class="category">Applications</div>
|
91 |
+
<div class="category">Future Trends</div>
|
|
|
92 |
</div>
|
93 |
<div id="question-display"></div>
|
94 |
<div id="score">Score: 0</div>
|
|
|
95 |
<script>
|
96 |
+
const categories = ['Agentics', 'AI Types', 'LangChain', 'Applications', 'Future Trends'];
|
97 |
const questions = [
|
98 |
[
|
99 |
+
{ q: "What is an agent in Generative AI?", a: ["A human assistant", "A specialized AI system", "A cloud service"], correct: 1 },
|
100 |
+
{ q: "What company announced the Copilot initiative?", a: ["Google", "Microsoft", "Amazon"], correct: 1 },
|
101 |
+
{ q: "Who plans to release one billion agentics into the workforce?", a: ["Elon Musk", "Marc Benioff", "Satya Nadella"], correct: 1 }
|
102 |
],
|
103 |
[
|
104 |
+
{ q: "What is the first type of AI?", a: ["Artificial Narrow Intelligence", "Artificial General Intelligence", "Artificial Human Intelligence"], correct: 0 },
|
105 |
+
{ q: "When is Artificial Human Intelligence (AHI) expected?", a: ["2025", "2030", "2040"], correct: 1 },
|
106 |
+
{ q: "What will ASI accomplish?", a: ["Solve all healthcare problems", "Make Nobel discoveries every 2-3 days", "End the need for work"], correct: 1 }
|
107 |
],
|
108 |
[
|
109 |
+
{ q: "What does LangChain integrate with for database queries?", a: ["Pinecone", "SQL", "Google Drive"], correct: 1 },
|
110 |
+
{ q: "Which integration enables social media automation?", a: ["Zapier", "Twitter API", "LangChain"], correct: 1 },
|
111 |
+
{ q: "Which tool is used for vector database integration with LangChain?", a: ["Weaviate", "MySQL", "Apache Spark"], correct: 0 }
|
112 |
],
|
113 |
[
|
114 |
+
{ q: "What can attach to food items to provide interaction?", a: ["An app", "AI devices", "A barcode scanner"], correct: 1 },
|
115 |
+
{ q: "What is the purpose of 'Everything Talks'?", a: ["Translate languages", "Interact with data and people", "Analyze patient symptoms"], correct: 1 },
|
116 |
+
{ q: "Who is Patient 47 in 'Everything Talks'?", a: ["James", "Loraine", "Anna"], correct: 1 }
|
117 |
],
|
118 |
[
|
119 |
+
{ q: "What is the universal translator?", a: ["A document editor", "An AI that handles all languages", "A coding assistant"], correct: 1 },
|
120 |
+
{ q: "What challenge comes with an explosion in agentics?", a: ["Increased scientific breakthroughs", "Volatility in key areas", "Universal employment"], correct: 1 },
|
121 |
+
{ q: "What does AGI aim to revolutionize?", a: ["Knowledge work", "Factory automation", "Online shopping"], correct: 0 }
|
122 |
]
|
123 |
];
|
124 |
let score = 0;
|
|
|
143 |
if (cardElement.classList.contains('disabled')) return;
|
144 |
|
145 |
const question = questions[category][difficulty];
|
146 |
+
const answerHtml = question.a.map((answer, index) =>
|
147 |
+
`<button class="answer-btn" onclick="checkAnswer(${category}, ${difficulty}, ${index}, ${cardElement.dataset.value})">${answer}</button>`
|
148 |
).join('');
|
149 |
|
150 |
questionDisplay.innerHTML = `
|
|
|
161 |
const isCorrect = selectedAnswer === question.correct;
|
162 |
const value = (difficulty + 1) * 100;
|
163 |
|
164 |
+
if (isCorrect) {
|
165 |
+
score += value;
|
166 |
+
questionDisplay.innerHTML += `<p class="feedback" style="color: green;">Correct! You earned $${value}.</p>`;
|
167 |
+
} else {
|
168 |
+
score -= value;
|
169 |
+
questionDisplay.innerHTML += `<p class="feedback" style="color: red;">Wrong! You lost $${value}.</p>`;
|
170 |
+
}
|
171 |
+
|
172 |
scoreDisplay.textContent = `Score: ${score}`;
|
|
|
173 |
}
|
174 |
|
175 |
createBoard();
|