{"id":21730,"date":"2025-09-01T17:16:03","date_gmt":"2025-09-01T17:16:03","guid":{"rendered":"https:\/\/e-pisarna.eu\/oddelki\/?p=21730"},"modified":"2025-09-02T05:45:42","modified_gmt":"2025-09-02T05:45:42","slug":"ai-test","status":"publish","type":"post","link":"https:\/\/e-pisarna.eu\/oddelki\/en\/ai-test\/","title":{"rendered":"AI Test"},"content":{"rendered":"\n\n\n<body class=\"bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50 min-h-screen\">\n    <!-- Header -->\n    <header class=\"gradient-bg text-white py-6 shadow-lg\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center\">\n                <div class=\"text-6xl mb-4 floating-brain\">\ud83e\udde0<\/div>\n                <h1 class=\"text-4xl md:text-5xl font-bold quiz-title mb-2\">AI Knowledge Quiz<\/h1>\n                <p class=\"text-xl opacity-90\">Test Your Artificial Intelligence Familiarity<\/p>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Quiz Container -->\n    <div class=\"container mx-auto px-4 py-8\">\n        <!-- Progress Bar -->\n        <div class=\"max-w-4xl mx-auto mb-8\">\n            <div class=\"bg-white\/30 rounded-full h-3 backdrop-blur-sm\">\n                <div id=\"progressBar\" class=\"progress-bar h-3 rounded-full\" style=\"width: 0%\"><\/div>\n            <\/div>\n            <div class=\"flex justify-between mt-2 text-sm text-gray-600\">\n                <span>Question <span id=\"currentQuestion\">1<\/span> of <span id=\"totalQuestions\">15<\/span><\/span>\n                <span>Score: <span id=\"currentScore\">0<\/span><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Quiz Card -->\n        <div class=\"max-w-4xl mx-auto\">\n            <div id=\"quizCard\" class=\"question-card rounded-3xl p-8 mb-8\">\n                <!-- Question -->\n                <div class=\"mb-8\">\n                    <h2 id=\"questionText\" class=\"text-2xl md:text-3xl font-bold text-gray-800 mb-4 leading-relaxed\"><\/h2>\n                    <div id=\"questionCategory\" class=\"inline-block bg-ai-blue text-white px-4 py-2 rounded-full text-sm font-semibold\"><\/div>\n                <\/div>\n\n                <!-- Options -->\n                <div id=\"optionsContainer\" class=\"space-y-4 mb-8\">\n                    <!-- Options will be inserted here -->\n                <\/div>\n\n                <!-- Navigation -->\n                <div class=\"flex justify-between items-center\">\n                    <button id=\"prevBtn\" class=\"bg-gray-300 hover:bg-gray-400 text-gray-700 px-6 py-3 rounded-xl font-semibold transition-all\" style=\"display: none;\">\n                        \u2190 Previous\n                    <\/button>\n                    <div class=\"flex-1\"><\/div>\n                    <button id=\"nextBtn\" class=\"bg-ai-blue hover:bg-blue-700 text-white px-8 py-3 rounded-xl font-semibold transition-all pulse-glow\" disabled>\n                        Next \u2192\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Results Card (Hidden initially) -->\n        <div id=\"resultsCard\" class=\"max-w-4xl mx-auto result-card rounded-3xl p-8 text-white\" style=\"display: none;\">\n            <div class=\"text-center\">\n                <div id=\"resultEmoji\" class=\"text-8xl mb-6\"><\/div>\n                <h2 class=\"text-4xl font-bold quiz-title mb-4\">Quiz Complete!<\/h2>\n                <div class=\"text-6xl font-bold mb-4\" id=\"finalScore\"><\/div>\n                <div class=\"text-xl mb-8\" id=\"scoreDescription\"><\/div>\n                \n                <!-- Detailed Results -->\n                <div class=\"bg-white\/10 rounded-2xl p-6 mb-8\">\n                    <h3 class=\"text-2xl font-bold mb-4\">Your AI Knowledge Level:<\/h3>\n                    <div id=\"knowledgeLevel\" class=\"text-3xl font-bold mb-4\"><\/div>\n                    <div id=\"levelDescription\" class=\"text-lg opacity-90\"><\/div>\n                <\/div>\n\n                <!-- Recommendations -->\n                <div class=\"bg-white\/10 rounded-2xl p-6 mb-8\">\n                    <h3 class=\"text-xl font-bold mb-4\">\ud83d\udcda Recommended Next Steps:<\/h3>\n                    <div id=\"recommendations\" class=\"text-left space-y-2\"><\/div>\n                <\/div>\n\n                <button onclick=\"restartQuiz()\" class=\"bg-white text-ai-blue px-8 py-4 rounded-xl text-lg font-bold hover:bg-gray-100 transition-all\">\n                    \ud83d\udd04 Take Quiz Again\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const quizData = [\n            {\n                question: \"What does 'AI' stand for?\",\n                options: [\"Automated Intelligence\", \"Artificial Intelligence\", \"Advanced Integration\", \"Algorithmic Interface\"],\n                correct: 1,\n                category: \"Basics\",\n                explanation: \"AI stands for Artificial Intelligence - computer systems that can perform tasks typically requiring human intelligence.\"\n            },\n            {\n                question: \"Which of these is NOT a type of machine learning?\",\n                options: [\"Supervised Learning\", \"Unsupervised Learning\", \"Reinforcement Learning\", \"Predetermined Learning\"],\n                correct: 3,\n                category: \"Machine Learning\",\n                explanation: \"Predetermined Learning is not a real type of machine learning. The three main types are supervised, unsupervised, and reinforcement learning.\"\n            },\n            {\n                question: \"What is ChatGPT primarily designed for?\",\n                options: [\"Image generation\", \"Conversational AI\", \"Music composition\", \"Video editing\"],\n                correct: 1,\n                category: \"AI Applications\",\n                explanation: \"ChatGPT is a conversational AI designed to understand and generate human-like text responses.\"\n            },\n            {\n                question: \"Which company developed the GPT series of language models?\",\n                options: [\"Google\", \"Microsoft\", \"OpenAI\", \"Meta\"],\n                correct: 2,\n                category: \"AI Companies\",\n                explanation: \"OpenAI developed the GPT (Generative Pre-trained Transformer) series, including ChatGPT.\"\n            },\n            {\n                question: \"What does 'neural network' refer to in AI?\",\n                options: [\"Internet connections\", \"Brain surgery techniques\", \"Computing systems inspired by biological neural networks\", \"Social media networks\"],\n                correct: 2,\n                category: \"Technical Concepts\",\n                explanation: \"Neural networks are computing systems inspired by biological neural networks that constitute animal brains.\"\n            },\n            {\n                question: \"Which AI technique is commonly used for image recognition?\",\n                options: [\"Linear Regression\", \"Decision Trees\", \"Convolutional Neural Networks\", \"Simple Algorithms\"],\n                correct: 2,\n                category: \"Technical Concepts\",\n                explanation: \"Convolutional Neural Networks (CNNs) are specifically designed for processing grid-like data such as images.\"\n            },\n            {\n                question: \"What is 'deep learning'?\",\n                options: [\"Learning underwater\", \"A subset of machine learning with neural networks having multiple layers\", \"Studying very hard\", \"Advanced mathematics\"],\n                correct: 1,\n                category: \"Machine Learning\",\n                explanation: \"Deep learning is a subset of machine learning that uses neural networks with multiple layers to model complex patterns.\"\n            },\n            {\n                question: \"Which of these is an AI image generation tool?\",\n                options: [\"Photoshop\", \"DALL-E\", \"Excel\", \"PowerPoint\"],\n                correct: 1,\n                category: \"AI Applications\",\n                explanation: \"DALL-E is an AI system that can create realistic images and art from natural language descriptions.\"\n            },\n            {\n                question: \"What is the main concern about AI bias?\",\n                options: [\"AI preferring certain colors\", \"AI systems reflecting unfair prejudices from training data\", \"AI being too fast\", \"AI using too much electricity\"],\n                correct: 1,\n                category: \"AI Ethics\",\n                explanation: \"AI bias occurs when AI systems reflect unfair prejudices present in their training data, leading to discriminatory outcomes.\"\n            },\n            {\n                question: \"What does 'training data' mean in AI?\",\n                options: [\"Data about gym workouts\", \"Information used to teach AI systems\", \"Employee training materials\", \"Sports statistics\"],\n                correct: 1,\n                category: \"Technical Concepts\",\n                explanation: \"Training data is the dataset used to teach AI systems how to make predictions or decisions.\"\n            },\n            {\n                question: \"Which field combines AI with robotics?\",\n                options: [\"Cybernetics\", \"Biotechnology\", \"Robotics Engineering\", \"All of the above\"],\n                correct: 3,\n                category: \"AI Applications\",\n                explanation: \"AI and robotics intersect in cybernetics, biotechnology, and robotics engineering to create intelligent machines.\"\n            },\n            {\n                question: \"What is 'natural language processing' (NLP)?\",\n                options: [\"Processing natural resources\", \"AI's ability to understand and generate human language\", \"Learning foreign languages\", \"Environmental science\"],\n                correct: 1,\n                category: \"Technical Concepts\",\n                explanation: \"NLP is a branch of AI that helps computers understand, interpret, and generate human language.\"\n            },\n            {\n                question: \"Which of these is a potential risk of AI?\",\n                options: [\"Job displacement\", \"Privacy concerns\", \"Misuse for harmful purposes\", \"All of the above\"],\n                correct: 3,\n                category: \"AI Ethics\",\n                explanation: \"AI presents multiple risks including job displacement, privacy issues, and potential misuse for harmful purposes.\"\n            },\n            {\n                question: \"What is 'artificial general intelligence' (AGI)?\",\n                options: [\"AI that's generally good\", \"AI with human-level intelligence across all domains\", \"AI for general purposes\", \"AI that's generally artificial\"],\n                correct: 1,\n                category: \"Advanced Concepts\",\n                explanation: \"AGI refers to AI that matches or exceeds human intelligence across all cognitive domains, not just specific tasks.\"\n            },\n            {\n                question: \"How should AI development be approached?\",\n                options: [\"As fast as possible without restrictions\", \"With careful consideration of ethics and safety\", \"Only by large corporations\", \"In complete secrecy\"],\n                correct: 1,\n                category: \"AI Ethics\",\n                explanation: \"Responsible AI development requires careful consideration of ethics, safety, and societal impact.\"\n            }\n        ];\n\n        let currentQuestionIndex = 0;\n        let score = 0;\n        let selectedAnswer = null;\n        let userAnswers = [];\n\n        function initializeQuiz() {\n            document.getElementById('totalQuestions').textContent = quizData.length;\n            showQuestion();\n        }\n\n        function showQuestion() {\n            const question = quizData[currentQuestionIndex];\n            \n            document.getElementById('questionText').textContent = question.question;\n            document.getElementById('questionCategory').textContent = question.category;\n            document.getElementById('currentQuestion').textContent = currentQuestionIndex + 1;\n            \n            const optionsContainer = document.getElementById('optionsContainer');\n            optionsContainer.innerHTML = '';\n            \n            question.options.forEach((option, index) => {\n                const button = document.createElement('button');\n                button.className = 'option-button w-full text-left p-4 rounded-xl bg-white hover:bg-gray-50 border-2 border-gray-200 transition-all';\n                button.innerHTML = `\n                    <div class=\"flex items-center\">\n                        <div class=\"w-8 h-8 rounded-full border-2 border-gray-300 flex items-center justify-center mr-4 font-bold\">\n                            ${String.fromCharCode(65 + index)}\n                        <\/div>\n                        <span class=\"text-lg\">${option}<\/span>\n                    <\/div>\n                `;\n                button.onclick = () => selectOption(index, button);\n                optionsContainer.appendChild(button);\n            });\n            \n            updateProgress();\n            updateNavigationButtons();\n        }\n\n        function selectOption(index, button) {\n            \/\/ Remove previous selection\n            document.querySelectorAll('.option-button').forEach(btn => {\n                btn.classList.remove('option-selected');\n            });\n            \n            \/\/ Add selection to clicked button\n            button.classList.add('option-selected');\n            selectedAnswer = index;\n            \n            \/\/ Enable next button\n            document.getElementById('nextBtn').disabled = false;\n            document.getElementById('nextBtn').classList.remove('opacity-50');\n        }\n\n        function nextQuestion() {\n            if (selectedAnswer === null) return;\n            \n            \/\/ Store user's answer\n            userAnswers[currentQuestionIndex] = selectedAnswer;\n            \n            \/\/ Check if correct\n            if (selectedAnswer === quizData[currentQuestionIndex].correct) {\n                score++;\n            }\n            \n            \/\/ Show correct answer briefly\n            showAnswerFeedback();\n            \n            setTimeout(() => {\n                currentQuestionIndex++;\n                selectedAnswer = null;\n                \n                if (currentQuestionIndex < quizData.length) {\n                    showQuestion();\n                } else {\n                    showResults();\n                }\n            }, 1500);\n        }\n\n        function showAnswerFeedback() {\n            const buttons = document.querySelectorAll('.option-button');\n            const correctIndex = quizData[currentQuestionIndex].correct;\n            \n            buttons.forEach((button, index) => {\n                if (index === correctIndex) {\n                    button.classList.add('option-correct');\n                } else if (index === selectedAnswer && index !== correctIndex) {\n                    button.classList.add('option-incorrect');\n                }\n                button.disabled = true;\n            });\n            \n            document.getElementById('nextBtn').disabled = true;\n        }\n\n        function updateProgress() {\n            const progress = ((currentQuestionIndex) \/ quizData.length) * 100;\n            document.getElementById('progressBar').style.width = progress + '%';\n            document.getElementById('currentScore').textContent = score;\n        }\n\n        function updateNavigationButtons() {\n            const prevBtn = document.getElementById('prevBtn');\n            const nextBtn = document.getElementById('nextBtn');\n            \n            if (currentQuestionIndex === 0) {\n                prevBtn.style.display = 'none';\n            } else {\n                prevBtn.style.display = 'block';\n            }\n            \n            if (currentQuestionIndex === quizData.length - 1) {\n                nextBtn.textContent = 'Finish Quiz';\n            } else {\n                nextBtn.textContent = 'Next \u2192';\n            }\n            \n            nextBtn.disabled = selectedAnswer === null;\n            if (nextBtn.disabled) {\n                nextBtn.classList.add('opacity-50');\n            } else {\n                nextBtn.classList.remove('opacity-50');\n            }\n        }\n\n        function showResults() {\n            document.getElementById('quizCard').style.display = 'none';\n            document.getElementById('resultsCard').style.display = 'block';\n            \n            const percentage = Math.round((score \/ quizData.length) * 100);\n            \n            document.getElementById('finalScore').textContent = `${score}\/${quizData.length} (${percentage}%)`;\n            \n            let emoji, level, description, recommendations;\n            \n            if (percentage >= 90) {\n                emoji = '\ud83c\udfc6';\n                level = 'AI Expert';\n                description = 'Outstanding! You have excellent knowledge of AI concepts, applications, and implications.';\n                recommendations = [\n                    '\u2022 Consider contributing to AI research or development',\n                    '\u2022 Stay updated with latest AI breakthroughs',\n                    '\u2022 Share your knowledge with others',\n                    '\u2022 Explore advanced AI topics like AGI and AI safety'\n                ];\n            } else if (percentage >= 75) {\n                emoji = '\ud83c\udfaf';\n                level = 'AI Enthusiast';\n                description = 'Great job! You have solid understanding of AI fundamentals and current applications.';\n                recommendations = [\n                    '\u2022 Dive deeper into machine learning concepts',\n                    '\u2022 Explore AI ethics and safety topics',\n                    '\u2022 Try hands-on AI projects or courses',\n                    '\u2022 Follow AI research publications'\n                ];\n            } else if (percentage >= 60) {\n                emoji = '\ud83d\udcda';\n                level = 'AI Learner';\n                description = 'Good start! You understand basic AI concepts but could benefit from more learning.';\n                recommendations = [\n                    '\u2022 Take an introductory AI or ML course',\n                    '\u2022 Read about AI applications in your field',\n                    '\u2022 Experiment with AI tools like ChatGPT',\n                    '\u2022 Join AI communities and forums'\n                ];\n            } else if (percentage >= 40) {\n                emoji = '\ud83c\udf31';\n                level = 'AI Beginner';\n                description = 'You\\'re beginning to understand AI. Keep learning to build your knowledge foundation.';\n                recommendations = [\n                    '\u2022 Start with basic AI concepts and terminology',\n                    '\u2022 Watch educational videos about AI',\n                    '\u2022 Read beginner-friendly AI articles',\n                    '\u2022 Practice using simple AI tools'\n                ];\n            } else {\n                emoji = '\ud83d\ude80';\n                level = 'AI Newcomer';\n                description = 'Welcome to the world of AI! There\\'s so much exciting stuff to discover.';\n                recommendations = [\n                    '\u2022 Begin with \"What is AI?\" resources',\n                    '\u2022 Explore how AI affects daily life',\n                    '\u2022 Take a beginner AI course online',\n                    '\u2022 Don\\'t worry - everyone starts somewhere!'\n                ];\n            }\n            \n            document.getElementById('resultEmoji').textContent = emoji;\n            document.getElementById('knowledgeLevel').textContent = level;\n            document.getElementById('levelDescription').textContent = description;\n            \n            const recommendationsContainer = document.getElementById('recommendations');\n            recommendationsContainer.innerHTML = recommendations.map(rec => `<div class=\"text-white\/90\">${rec}<\/div>`).join('');\n            \n            \/\/ Update progress to 100%\n            document.getElementById('progressBar').style.width = '100%';\n        }\n\n        function restartQuiz() {\n            currentQuestionIndex = 0;\n            score = 0;\n            selectedAnswer = null;\n            userAnswers = [];\n            \n            document.getElementById('quizCard').style.display = 'block';\n            document.getElementById('resultsCard').style.display = 'none';\n            \n            showQuestion();\n        }\n\n        \/\/ Event listeners\n        document.getElementById('nextBtn').addEventListener('click', nextQuestion);\n        document.getElementById('prevBtn').addEventListener('click', () => {\n            if (currentQuestionIndex > 0) {\n                currentQuestionIndex--;\n                selectedAnswer = userAnswers[currentQuestionIndex] || null;\n                showQuestion();\n            }\n        });\n\n        \/\/ Initialize quiz when page loads\n        document.addEventListener('DOMContentLoaded', initializeQuiz);\n    <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9785f97a05941332',t:'MTc1Njc0MjM2My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":21734,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[638,357],"tags":[],"class_list":["post-21730","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-assistents","category-news","pmpro-has-access"],"jetpack_featured_media_url":"https:\/\/e-pisarna.eu\/oddelki\/wp-content\/uploads\/2025\/09\/Posnetek-zaslona-2025-09-01-191807.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/comments?post=21730"}],"version-history":[{"count":4,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21730\/revisions"}],"predecessor-version":[{"id":21735,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21730\/revisions\/21735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/media\/21734"}],"wp:attachment":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/media?parent=21730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/categories?post=21730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/tags?post=21730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}