Quiz: Top Demanded Degrees & Professions<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f0f2f5; padding: 20px; color: #1a202c; }\n .quiz-container { max-width: 1000px; margin: 0 auto; background: #ffffff; padding: 35px 45px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.12); }\n .header { text-align: center; border-bottom: 4px solid #2b6cb0; padding-bottom: 20px; margin-bottom: 25px; }\n .header .header-image { width: 100%; max-width: 700px; height: auto; border-radius: 8px; margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; }\n .header h1 { font-size: 28px; color: #1a365d; letter-spacing: 1px; }\n .header h2 { font-size: 17px; color: #4a5568; font-weight: normal; margin-top: 5px; }\n .header .subtitle { background: #ebf8ff; display: inline-block; padding: 4px 18px; border-radius: 20px; font-size: 13px; color: #2b6cb0; font-weight: 600; margin-top: 8px; }\n .data-summary { background: #f7fafc; padding: 15px 20px; border-radius: 8px; border: 1px solid #e2e8f0; margin-bottom: 25px; font-size: 14px; line-height: 1.8; color: #2d3748; }\n .data-summary strong { color: #2b6cb0; }\n .data-summary .profession { background: #ebf8ff; padding: 4px 10px; border-radius: 4px; margin: 2px 0; }\n .student-info { display: flex; justify-content: space-between; gap: 20px; margin: 20px 0 25px 0; padding: 15px 20px; background: #f7fafc; border-radius: 8px; border: 1px dashed #cbd5e0; flex-wrap: wrap; }\n .student-info .field { flex: 1; min-width: 150px; }\n .student-info label { font-weight: 600; font-size: 13px; color: #4a5568; display: block; margin-bottom: 3px; }\n .student-info input { width: 100%; padding: 6px 10px; border: 2px solid #cbd5e0; border-radius: 4px; font-size: 14px; font-family: inherit; background: white; }\n .student-info input:focus { outline: none; border-color: #2b6cb0; }\n .section-title { background: #2b6cb0; color: #fff; padding: 10px 20px; border-radius: 6px; font-size: 17px; font-weight: 700; margin: 25px 0 15px 0; display: flex; justify-content: space-between; align-items: center; }\n .section-title .badge { background: rgba(255,255,255,0.25); padding: 2px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; }\n .section-instructions { background: #edf2f7; padding: 8px 16px; border-left: 4px solid #3182ce; margin-bottom: 15px; font-size: 14px; color: #2d3748; border-radius: 0 4px 4px 0; }\n .question-block { padding: 12px 0; border-bottom: 1px solid #edf2f7; }\n .question-block .q-text { font-weight: 600; font-size: 15px; margin-bottom: 8px; color: #1a365d; }\n .question-block .options { padding-left: 20px; }\n .question-block .options label { display: block; padding: 4px 0; cursor: pointer; font-size: 14px; transition: background 0.2s; border-radius: 4px; padding-left: 8px; }\n .question-block .options label:hover { background: #f0f4f8; }\n .question-block .options input[type=\"radio\"] { transform: scale(1.15); margin-right: 10px; cursor: pointer; accent-color: #2b6cb0; }\n .question-block .options .letter { font-weight: 700; color: #2b6cb0; min-width: 22px; display: inline-block; }\n .btn-submit { display: block; width: 100%; max-width: 280px; margin: 35px auto 20px; background: #2f855a; color: white; border: none; padding: 14px 20px; border-radius: 6px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.2s; text-align: center; }\n .btn-submit:hover { background: #22543d; }\n #results-card { display: none; margin-top: 30px; padding: 25px; border-radius: 12px; text-align: center; }\n .pass { background: #c6f6d5; border: 2px solid #38a169; color: #22543d; }\n .fail { background: #fed7d7; border: 2px solid #e53e3e; color: #742a2a; }\n .score-title { font-size: 24px; font-weight: 700; margin-bottom: 10px; }\n .score-details { font-size: 17px; }\n .score-details .big-number { font-size: 32px; font-weight: 700; display: block; margin: 10px 0; }\n .summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 15px auto; max-width: 400px; }\n .summary-grid .item { background: #f7fafc; padding: 12px; border-radius: 6px; border: 1px solid #e2e8f0; }\n .summary-grid .item .number { font-size: 22px; font-weight: 700; }\n .summary-grid .item .label { font-size: 12px; color: #718096; }\n .summary-grid .item.correct .number { color: #38a169; }\n .summary-grid .item.incorrect .number { color: #e53e3e; }\n .summary-grid .item.total .number { color: #2b6cb0; }\n .footer { margin-top: 35px; padding-top: 15px; border-top: 2px solid #e2e8f0; display: flex; justify-content: space-between; font-size: 13px; color: #718096; flex-wrap: wrap; }\n .version-badge { background: #edf2f7; padding: 2px 12px; border-radius: 12px; font-size: 11px; color: #718096; display: inline-block; margin-bottom: 5px; }\n @media (max-width: 700px) { .quiz-container { padding: 15px; } .student-info { flex-direction: column; } .header h1 { font-size: 20px; } .summary-grid { grid-template-columns: 1fr; } .data-summary { padding: 12px; font-size: 13px; } .question-block .options label { font-size: 13px; } }\n @media print { body { background: white; padding: 0; } .quiz-container { box-shadow: none; padding: 20px 30px; border-radius: 0; } .btn-submit { display: none !important; } #results-card { display: block !important; } .student-info input { border: 2px solid #a0aec0; } }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div class=\"header\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/top3.jpg\" alt=\"Top Demanded Degrees & Professions\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83c\udf93 READING QUIZ<\/h1>\n <h2>Top Demanded Degrees & Professions<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 10 Exercises \u00b7 Data Analysis<\/span>\n <div style=\"margin-top:5px;\"><span class=\"version-badge\" id=\"versionBadge\">Version: Loading…<\/span><\/div>\n <\/div>\n\n <div class=\"student-info\">\n <div class=\"field\"><label>\ud83d\udc64 Full Name:<\/label><input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\"><\/div>\n <div class=\"field\"><label>\ud83d\udcc5 Date:<\/label><input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\"><\/div>\n <div class=\"field\"><label>\ud83d\udcda Course \/ Level:<\/label><input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\"><\/div>\n <\/div>\n\n <div class=\"data-summary\">\n <h3 style=\"color:#1a365d; margin-bottom:8px; font-size:17px;\">\ud83c\udf93 Top Demanded Degrees & Professions<\/h3>\n <div class=\"profession\"><strong>Mining Engineering:<\/strong> $3.5M+ CLP \u00b7 High Demand \u00b7 Key Industry<\/div>\n <div class=\"profession\"><strong>Computer Science & IT:<\/strong> $2.8M CLP \u00b7 Rapid Growth<\/div>\n <div class=\"profession\"><strong>Medicine:<\/strong> $3.5M+ CLP \u00b7 Highest Stability<\/div>\n <div class=\"profession\"><strong>Finance & Economics:<\/strong> $4.2M+ CLP \u00b7 Corporate Strategy<\/div>\n <div class=\"profession\"><strong>Advanced Manufacturing:<\/strong> $3.0M+ CLP \u00b7 Automation<\/div>\n <div class=\"profession\"><strong>Data Science & AI:<\/strong> $5.0M+ CLP \u00b7 AI Research, Big Data<\/div>\n <p style=\"font-size:12px; color:#718096; margin-top:8px;\">Source: INE & OECD estimates.<\/p>\n <\/div>\n\n <form id=\"quizForm\" novalidate>\n <div class=\"section-title\"><span>READING COMPREHENSION<\/span><span class=\"badge\">10 Exercises<\/span><\/div>\n <div class=\"section-instructions\"><strong>Instructions:<\/strong> Read the data carefully. Choose the best answer (A, B, C, or D).<\/div>\n <div id=\"questions-container\"><\/div>\n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n <div id=\"results-card\">\n <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n <div class=\"summary-grid\">\n <div class=\"item correct\"><div class=\"number\" id=\"correctCount\">0<\/div><div class=\"label\">\u2705 Correct<\/div><\/div>\n <div class=\"item incorrect\"><div class=\"number\" id=\"incorrectCount\">0<\/div><div class=\"label\">\u274c Incorrect<\/div><\/div>\n <div class=\"item total\"><div class=\"number\">10<\/div><div class=\"label\">\ud83d\udccb Total Questions<\/div><\/div>\n <\/div>\n <div style=\"font-size:14px; color:#718096; margin-top:8px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n <div class=\"footer\"><span>\ud83c\udf93 Top Demanded Degrees – Quiz<\/span><span>\ud83d\udcda EPJA – English Class<\/span><span>\ud83d\udccb Total: 10 Exercises<\/span><\/div>\n <\/div>\n\n <script>\n const questionBank = [\n { id: 'q1', stem: 'Which profession has the highest average salary?', options: ['Medicine', 'Data Science & AI', 'Mining Engineering', 'Finance & Economics'], correct: 'Data Science & AI' },\n { id: 'q2', stem: 'What is the average salary for Data Science & AI?', options: ['$3.5M+ CLP', '$4.2M+ CLP', '$5.0M+ CLP', '$2.8M CLP'], correct: '$5.0M+ CLP' },\n { id: 'q3', stem: 'Which profession has the highest stability?', options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Finance & Economics'], correct: 'Medicine' },\n { id: 'q4', stem: 'What is the average salary for Mining Engineering?', options: ['$3.5M+ CLP', '$2.8M CLP', '$4.2M+ CLP', '$3.0M+ CLP'], correct: '$3.5M+ CLP' },\n { id: 'q5', stem: 'Which profession is described as having \"Rapid Growth\"?', options: ['Medicine', 'Advanced Manufacturing', 'Computer Science & IT', 'Finance & Economics'], correct: 'Computer Science & IT' },\n { id: 'q6', stem: 'What is the average salary for Finance & Economics?', options: ['$3.5M+ CLP', '$4.2M+ CLP', '$2.8M CLP', '$3.0M+ CLP'], correct: '$4.2M+ CLP' },\n { id: 'q7', stem: 'Which profession is related to \"AI Research, Big Data\"?', options: ['Computer Science & IT', 'Data Science & AI', 'Advanced Manufacturing', 'Finance & Economics'], correct: 'Data Science & AI' },\n { id: 'q8', stem: 'What is the average salary for Advanced Manufacturing?', options: ['$3.0M+ CLP', '$2.8M CLP', '$3.5M+ CLP', '$4.2M+ CLP'], correct: '$3.0M+ CLP' },\n { id: 'q9', stem: 'Which profession is described as \"Key Industry\" and \"High Demand\"?', options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Data Science & AI'], correct: 'Mining Engineering' },\n { id: 'q10', stem: 'Which profession is related to \"Corporate Strategy, Analysis\"?', options: ['Finance & Economics', 'Advanced Manufacturing', 'Data Science & AI', 'Computer Science & IT'], correct: 'Finance & Economics' }\n ];\n\n function shuffleArray(arr) { for (let i = arr.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; }\n function generateVersionId() { const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; let result = ''; for (let i = 0; i < 6; i++) { result += chars.charAt(Math.floor(Math.random() * chars.length)); } return result; }\n\n function buildQuiz() {\n const container = document.getElementById('questions-container');\n if (!container) return;\n document.getElementById('versionBadge').textContent = 'Version: ' + generateVersionId();\n let shuffledQuestions = shuffleArray([...questionBank]);\n let html = ''; const letters = ['A', 'B', 'C', 'D'];\n shuffledQuestions.forEach((q, index) => {\n const questionNumber = index + 1;\n let shuffledOptions = shuffleArray([...q.options]);\n let optionsHtml = '';\n shuffledOptions.forEach((option, optIndex) => {\n const letter = letters[optIndex] || String.fromCharCode(65 + optIndex);\n optionsHtml += `<label><input type=\"radio\" name=\"${q.id}\" value=\"${option}\"><span class=\"letter\">${letter})<\/span> ${option}<\/label>`;\n });\n html += `<div class=\"question-block\"><div class=\"q-text\">${questionNumber}. ${q.stem}<\/div><div class=\"options\">${optionsHtml}<\/div><\/div>`;\n });\n container.innerHTML = html;\n console.log('\u2705 Quiz loaded with ' + questionBank.length + ' questions');\n }\n\n function calculateScore() {\n const form = document.getElementById('quizForm');\n const totalQuestions = questionBank.length;\n let score = 0, missingQuestions = [];\n questionBank.forEach(q => {\n const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n if (!checked) missingQuestions.push(questionBank.findIndex(item => item.id === q.id) + 1);\n });\n if (missingQuestions.length > 0) {\n alert(\"\u26a0\ufe0f Please answer all 10 questions before submitting.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n return;\n }\n questionBank.forEach(q => {\n const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n if (checked && checked.value === q.correct) score++;\n });\n const percentage = Math.round((score \/ totalQuestions) * 100);\n let grade = 1.0; const passingScore = Math.ceil(totalQuestions * 0.6);\n if (score < passingScore) grade = 1.0 + 3.0 * (score \/ passingScore);\n else grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n grade = Math.round(grade * 10) \/ 10;\n const studentName = document.getElementById('studentName').value || \"Student\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n const resultsCard = document.getElementById('results-card');\n resultsCard.style.display = 'block';\n if (grade >= 4.0) { resultsCard.className = 'pass'; document.getElementById('scoreTitle').innerHTML = \"\u2705 \u00a1Excelente! \/ Excellent! \ud83c\udf89\"; }\n else { resultsCard.className = 'fail'; document.getElementById('scoreTitle').innerHTML = \"\ud83d\udcda Sigue practicando \/ Keep practicing \ud83d\udcaa\"; }\n document.getElementById('correctCount').textContent = score;\n document.getElementById('incorrectCount').textContent = totalQuestions - score;\n document.getElementById('scoreDetails').innerHTML = `<div class=\"big-number\">${percentage}%<\/div><strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br><span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">Nota \/ Grade: ${grade.toFixed(1)}<\/span>`;\n document.getElementById('studentSummary').innerHTML = `\ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \ud83d\udcc5 ${studentDate} \u00b7 \ud83d\udcda ${studentCourse}`;\n resultsCard.scrollIntoView({ behavior: 'smooth' });\n }\n\n document.addEventListener('DOMContentLoaded', buildQuiz);\n if (document.readyState === 'complete' || document.readyState === 'interactive') buildQuiz();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Top Demanded Degrees & Professions \ud83c\udf93 READING QUIZ Top Demanded Degrees & Professions \ud83d\udccb 10 Exercises \u00b7 Data Analysis Version: Loading… \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udf93 Top Demanded Degrees & Professions Mining Engineering: $3.5M+ CLP \u00b7 High Demand \u00b7 Key Industry Computer Science & IT: $2.8M CLP \u00b7 Rapid […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":615,"date":"2026-07-22T01:17:30","date_gmt":"2026-07-22T01:17:30","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=615"},"modified":"2026-07-22T01:17:30","modified_gmt":"2026-07-22T01:17:30","slug":"615-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/615-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Quiz: Top Demanded Degrees & Professions<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f0f2f5; padding: 20px; color: #1a202c; }\n .quiz-container { max-width: 1000px; margin: 0 auto; background: #ffffff; padding: 35px 45px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.12); }\n .header { text-align: center; border-bottom: 4px solid #2b6cb0; padding-bottom: 20px; margin-bottom: 25px; }\n .header .header-image { width: 100%; max-width: 700px; height: auto; border-radius: 8px; margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; }\n .header h1 { font-size: 28px; color: #1a365d; letter-spacing: 1px; }\n .header h2 { font-size: 17px; color: #4a5568; font-weight: normal; margin-top: 5px; }\n .header .subtitle { background: #ebf8ff; display: inline-block; padding: 4px 18px; border-radius: 20px; font-size: 13px; color: #2b6cb0; font-weight: 600; margin-top: 8px; }\n .data-summary { background: #f7fafc; padding: 15px 20px; border-radius: 8px; border: 1px solid #e2e8f0; margin-bottom: 25px; font-size: 14px; line-height: 1.8; color: #2d3748; }\n .data-summary strong { color: #2b6cb0; }\n .data-summary .profession { background: #ebf8ff; padding: 4px 10px; border-radius: 4px; margin: 2px 0; }\n .student-info { display: flex; justify-content: space-between; gap: 20px; margin: 20px 0 25px 0; padding: 15px 20px; background: #f7fafc; border-radius: 8px; border: 1px dashed #cbd5e0; flex-wrap: wrap; }\n .student-info .field { flex: 1; min-width: 150px; }\n .student-info label { font-weight: 600; font-size: 13px; color: #4a5568; display: block; margin-bottom: 3px; }\n .student-info input { width: 100%; padding: 6px 10px; border: 2px solid #cbd5e0; border-radius: 4px; font-size: 14px; font-family: inherit; background: white; }\n .student-info input:focus { outline: none; border-color: #2b6cb0; }\n .section-title { background: #2b6cb0; color: #fff; padding: 10px 20px; border-radius: 6px; font-size: 17px; font-weight: 700; margin: 25px 0 15px 0; display: flex; justify-content: space-between; align-items: center; }\n .section-title .badge { background: rgba(255,255,255,0.25); padding: 2px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; }\n .section-instructions { background: #edf2f7; padding: 8px 16px; border-left: 4px solid #3182ce; margin-bottom: 15px; font-size: 14px; color: #2d3748; border-radius: 0 4px 4px 0; }\n .question-block { padding: 12px 0; border-bottom: 1px solid #edf2f7; }\n .question-block .q-text { font-weight: 600; font-size: 15px; margin-bottom: 8px; color: #1a365d; }\n .question-block .options { padding-left: 20px; }\n .question-block .options label { display: block; padding: 4px 0; cursor: pointer; font-size: 14px; transition: background 0.2s; border-radius: 4px; padding-left: 8px; }\n .question-block .options label:hover { background: #f0f4f8; }\n .question-block .options input[type=\"radio\"] { transform: scale(1.15); margin-right: 10px; cursor: pointer; accent-color: #2b6cb0; }\n .question-block .options .letter { font-weight: 700; color: #2b6cb0; min-width: 22px; display: inline-block; }\n .btn-submit { display: block; width: 100%; max-width: 280px; margin: 35px auto 20px; background: #2f855a; color: white; border: none; padding: 14px 20px; border-radius: 6px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.2s; text-align: center; }\n .btn-submit:hover { background: #22543d; }\n #results-card { display: none; margin-top: 30px; padding: 25px; border-radius: 12px; text-align: center; }\n .pass { background: #c6f6d5; border: 2px solid #38a169; color: #22543d; }\n .fail { background: #fed7d7; border: 2px solid #e53e3e; color: #742a2a; }\n .score-title { font-size: 24px; font-weight: 700; margin-bottom: 10px; }\n .score-details { font-size: 17px; }\n .score-details .big-number { font-size: 32px; font-weight: 700; display: block; margin: 10px 0; }\n .summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 15px auto; max-width: 400px; }\n .summary-grid .item { background: #f7fafc; padding: 12px; border-radius: 6px; border: 1px solid #e2e8f0; }\n .summary-grid .item .number { font-size: 22px; font-weight: 700; }\n .summary-grid .item .label { font-size: 12px; color: #718096; }\n .summary-grid .item.correct .number { color: #38a169; }\n .summary-grid .item.incorrect .number { color: #e53e3e; }\n .summary-grid .item.total .number { color: #2b6cb0; }\n .footer { margin-top: 35px; padding-top: 15px; border-top: 2px solid #e2e8f0; display: flex; justify-content: space-between; font-size: 13px; color: #718096; flex-wrap: wrap; }\n .version-badge { background: #edf2f7; padding: 2px 12px; border-radius: 12px; font-size: 11px; color: #718096; display: inline-block; margin-bottom: 5px; }\n @media (max-width: 700px) { .quiz-container { padding: 15px; } .student-info { flex-direction: column; } .header h1 { font-size: 20px; } .summary-grid { grid-template-columns: 1fr; } .data-summary { padding: 12px; font-size: 13px; } .question-block .options label { font-size: 13px; } }\n @media print { body { background: white; padding: 0; } .quiz-container { box-shadow: none; padding: 20px 30px; border-radius: 0; } .btn-submit { display: none !important; } #results-card { display: block !important; } .student-info input { border: 2px solid #a0aec0; } }\n <\/style>\n<\/head>\n<body>\n <div class=\"quiz-container\">\n <div class=\"header\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/top3.jpg\" alt=\"Top Demanded Degrees & Professions\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83c\udf93 READING QUIZ<\/h1>\n <h2>Top Demanded Degrees & Professions<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 10 Exercises \u00b7 Data Analysis<\/span>\n <div style=\"margin-top:5px;\"><span class=\"version-badge\" id=\"versionBadge\">Version: Loading…<\/span><\/div>\n <\/div>\n\n <div class=\"student-info\">\n <div class=\"field\"><label>\ud83d\udc64 Full Name:<\/label><input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\"><\/div>\n <div class=\"field\"><label>\ud83d\udcc5 Date:<\/label><input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\"><\/div>\n <div class=\"field\"><label>\ud83d\udcda Course \/ Level:<\/label><input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\"><\/div>\n <\/div>\n\n <div class=\"data-summary\">\n <h3 style=\"color:#1a365d; margin-bottom:8px; font-size:17px;\">\ud83c\udf93 Top Demanded Degrees & Professions<\/h3>\n <div class=\"profession\"><strong>Mining Engineering:<\/strong> $3.5M+ CLP \u00b7 High Demand \u00b7 Key Industry<\/div>\n <div class=\"profession\"><strong>Computer Science & IT:<\/strong> $2.8M CLP \u00b7 Rapid Growth<\/div>\n <div class=\"profession\"><strong>Medicine:<\/strong> $3.5M+ CLP \u00b7 Highest Stability<\/div>\n <div class=\"profession\"><strong>Finance & Economics:<\/strong> $4.2M+ CLP \u00b7 Corporate Strategy<\/div>\n <div class=\"profession\"><strong>Advanced Manufacturing:<\/strong> $3.0M+ CLP \u00b7 Automation<\/div>\n <div class=\"profession\"><strong>Data Science & AI:<\/strong> $5.0M+ CLP \u00b7 AI Research, Big Data<\/div>\n <p style=\"font-size:12px; color:#718096; margin-top:8px;\">Source: INE & OECD estimates.<\/p>\n <\/div>\n\n <form id=\"quizForm\" novalidate>\n <div class=\"section-title\"><span>READING COMPREHENSION<\/span><span class=\"badge\">10 Exercises<\/span><\/div>\n <div class=\"section-instructions\"><strong>Instructions:<\/strong> Read the data carefully. Choose the best answer (A, B, C, or D).<\/div>\n <div id=\"questions-container\"><\/div>\n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n <div id=\"results-card\">\n <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n <div class=\"summary-grid\">\n <div class=\"item correct\"><div class=\"number\" id=\"correctCount\">0<\/div><div class=\"label\">\u2705 Correct<\/div><\/div>\n <div class=\"item incorrect\"><div class=\"number\" id=\"incorrectCount\">0<\/div><div class=\"label\">\u274c Incorrect<\/div><\/div>\n <div class=\"item total\"><div class=\"number\">10<\/div><div class=\"label\">\ud83d\udccb Total Questions<\/div><\/div>\n <\/div>\n <div style=\"font-size:14px; color:#718096; margin-top:8px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n <div class=\"footer\"><span>\ud83c\udf93 Top Demanded Degrees – Quiz<\/span><span>\ud83d\udcda EPJA – English Class<\/span><span>\ud83d\udccb Total: 10 Exercises<\/span><\/div>\n <\/div>\n\n <script>\n const questionBank = [\n { id: 'q1', stem: 'Which profession has the highest average salary?', options: ['Medicine', 'Data Science & AI', 'Mining Engineering', 'Finance & Economics'], correct: 'Data Science & AI' },\n { id: 'q2', stem: 'What is the average salary for Data Science & AI?', options: ['$3.5M+ CLP', '$4.2M+ CLP', '$5.0M+ CLP', '$2.8M CLP'], correct: '$5.0M+ CLP' },\n { id: 'q3', stem: 'Which profession has the highest stability?', options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Finance & Economics'], correct: 'Medicine' },\n { id: 'q4', stem: 'What is the average salary for Mining Engineering?', options: ['$3.5M+ CLP', '$2.8M CLP', '$4.2M+ CLP', '$3.0M+ CLP'], correct: '$3.5M+ CLP' },\n { id: 'q5', stem: 'Which profession is described as having \"Rapid Growth\"?', options: ['Medicine', 'Advanced Manufacturing', 'Computer Science & IT', 'Finance & Economics'], correct: 'Computer Science & IT' },\n { id: 'q6', stem: 'What is the average salary for Finance & Economics?', options: ['$3.5M+ CLP', '$4.2M+ CLP', '$2.8M CLP', '$3.0M+ CLP'], correct: '$4.2M+ CLP' },\n { id: 'q7', stem: 'Which profession is related to \"AI Research, Big Data\"?', options: ['Computer Science & IT', 'Data Science & AI', 'Advanced Manufacturing', 'Finance & Economics'], correct: 'Data Science & AI' },\n { id: 'q8', stem: 'What is the average salary for Advanced Manufacturing?', options: ['$3.0M+ CLP', '$2.8M CLP', '$3.5M+ CLP', '$4.2M+ CLP'], correct: '$3.0M+ CLP' },\n { id: 'q9', stem: 'Which profession is described as \"Key Industry\" and \"High Demand\"?', options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Data Science & AI'], correct: 'Mining Engineering' },\n { id: 'q10', stem: 'Which profession is related to \"Corporate Strategy, Analysis\"?', options: ['Finance & Economics', 'Advanced Manufacturing', 'Data Science & AI', 'Computer Science & IT'], correct: 'Finance & Economics' }\n ];\n\n function shuffleArray(arr) { for (let i = arr.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; }\n function generateVersionId() { const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; let result = ''; for (let i = 0; i < 6; i++) { result += chars.charAt(Math.floor(Math.random() * chars.length)); } return result; }\n\n function buildQuiz() {\n const container = document.getElementById('questions-container');\n if (!container) return;\n document.getElementById('versionBadge').textContent = 'Version: ' + generateVersionId();\n let shuffledQuestions = shuffleArray([...questionBank]);\n let html = ''; const letters = ['A', 'B', 'C', 'D'];\n shuffledQuestions.forEach((q, index) => {\n const questionNumber = index + 1;\n let shuffledOptions = shuffleArray([...q.options]);\n let optionsHtml = '';\n shuffledOptions.forEach((option, optIndex) => {\n const letter = letters[optIndex] || String.fromCharCode(65 + optIndex);\n optionsHtml += `<label><input type=\"radio\" name=\"${q.id}\" value=\"${option}\"><span class=\"letter\">${letter})<\/span> ${option}<\/label>`;\n });\n html += `<div class=\"question-block\"><div class=\"q-text\">${questionNumber}. ${q.stem}<\/div><div class=\"options\">${optionsHtml}<\/div><\/div>`;\n });\n container.innerHTML = html;\n console.log('\u2705 Quiz loaded with ' + questionBank.length + ' questions');\n }\n\n function calculateScore() {\n const form = document.getElementById('quizForm');\n const totalQuestions = questionBank.length;\n let score = 0, missingQuestions = [];\n questionBank.forEach(q => {\n const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n if (!checked) missingQuestions.push(questionBank.findIndex(item => item.id === q.id) + 1);\n });\n if (missingQuestions.length > 0) {\n alert(\"\u26a0\ufe0f Please answer all 10 questions before submitting.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n return;\n }\n questionBank.forEach(q => {\n const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n if (checked && checked.value === q.correct) score++;\n });\n const percentage = Math.round((score \/ totalQuestions) * 100);\n let grade = 1.0; const passingScore = Math.ceil(totalQuestions * 0.6);\n if (score < passingScore) grade = 1.0 + 3.0 * (score \/ passingScore);\n else grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n grade = Math.round(grade * 10) \/ 10;\n const studentName = document.getElementById('studentName').value || \"Student\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n const resultsCard = document.getElementById('results-card');\n resultsCard.style.display = 'block';\n if (grade >= 4.0) { resultsCard.className = 'pass'; document.getElementById('scoreTitle').innerHTML = \"\u2705 \u00a1Excelente! \/ Excellent! \ud83c\udf89\"; }\n else { resultsCard.className = 'fail'; document.getElementById('scoreTitle').innerHTML = \"\ud83d\udcda Sigue practicando \/ Keep practicing \ud83d\udcaa\"; }\n document.getElementById('correctCount').textContent = score;\n document.getElementById('incorrectCount').textContent = totalQuestions - score;\n document.getElementById('scoreDetails').innerHTML = `<div class=\"big-number\">${percentage}%<\/div><strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br><span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">Nota \/ Grade: ${grade.toFixed(1)}<\/span>`;\n document.getElementById('studentSummary').innerHTML = `\ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \ud83d\udcc5 ${studentDate} \u00b7 \ud83d\udcda ${studentCourse}`;\n resultsCard.scrollIntoView({ behavior: 'smooth' });\n }\n\n document.addEventListener('DOMContentLoaded', buildQuiz);\n if (document.readyState === 'complete' || document.readyState === 'interactive') buildQuiz();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Top Demanded Degrees & Professions \ud83c\udf93 READING QUIZ Top Demanded Degrees & Professions \ud83d\udccb 10 Exercises \u00b7 Data Analysis Version: Loading… \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udf93 Top Demanded Degrees & Professions Mining Engineering: $3.5M+ CLP \u00b7 High Demand \u00b7 Key Industry Computer Science & IT: $2.8M CLP \u00b7 Rapid […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/615\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}