tag:blogger.com,1999:blog-6032781458046627813Mon, 30 Dec 2024 12:06:06 +0000englishModel TestPrimary School TeacherParts of SpeechQuizgame20232024GrammarJobeducationalidiomslisteningmatchingphraseভাষা আন্দোলনভাষা শহীদ১৯৫২Welcome to WebSchoolPro, where learning transcends boundaries and progress is infinite! At WebschoolPro, we believe that education has the power to transform individuals. Our mission is to create a dynamic online learning community where individuals may learn new things and continue to grow as individuals.https://webschoolpro.blogspot.com/noreply@blogger.com (Overflow)Blogger17125tag:blogger.com,1999:blog-6032781458046627813.post-707539237798310480Tue, 20 Feb 2024 12:17:00 +00002024-02-20T04:17:48.721-08:00Model TestPrimary School Teacher<style> body {font-family: sans-serif;} #start-button {font-weight: bold;font-size: 18px;padding: 30px 50px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 50px;display: block;margin-left: auto;margin-right: auto;} #start-button:hover {background-color: #003366;transform: scale(1.1);} #quiz-container {padding: 30px;} #blue-heading {line-height: normal;margin-top: 20px;color: #0056B2;font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 20px;} #black-heading {line-height: normal;margin-top: 20px;font-size: 12px;text-align: center;margin-bottom: 20px;} #top-line {width: 100%;position: relative;} .question-container {display: flex;flex-direction: column;margin-bottom: 20px;border: 2px solid #fbfbfb;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .question-text {color: #000;font-size: 16px;font-family: 'Arial', sans-serif;} .options-list {list-style-type: none;padding: 0 15px 0 15px!important;display: flex;flex-direction: column;margin: 0!important;} .options-list li {border: 2px solid #0056B2;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;padding: 10px 20px!important;list-style: none !important;} .options-list li:hover {background-color: #0056B2;color: #fff;transform: scale(1.05);} .options-list li.selected {background-color: #0056B2;color: #fff;} .timer-score {text-align: right;} .feedback-message {font-size: 18px;margin-top: 05px;color: #333;opacity: 0;transition: opacity 0.5s;text-align: center;font-weight: bold;} .feedback-message.correct {color: #4CAF50;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;} .reloading {display: flex;justify-content: flex-end;margin-top: 20px;} #reload-button {font-size: 18px;padding: 15px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} .answer-description-caption {font-size: 18px;font-weight: bold;color: #0056B2;text-align: left;} .answer-description {font-size: 16px;color: #333;margin-top: 5px;text-align: left;font-weight: bold;} .popup-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;} .popup {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);max-width: 600px;text-align: center;flex-direction: column;display: flex;font-size: 16px;font-weight: bold;} .view-answers-button {font-size: 18px;padding: 20px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 30px;} .view-answers-button:hover {background-color: #003366;transform: scale(1.1);} #timer {font-size: 24px;color: #0056B2;position: absolute;font-weight: bold;} #progress {background-color: #ddd;height: 20px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;display: none;} #progress-bar {margin: 40px 0 0 0;height: 100%;width: 0;border-radius: 10px;background-color: #008080;transition: width 0.3s ease;} #progress-bar-fill {height: 100%;width: 0;background-color:#008080; overflow: hidden;transition: width 0.3s ease;} #progress-bar-text {font-weight: bold;color: white;font-size: 16px;transition: opacity 0.3s ease;text-align: center; } span.frac {display: inline-block;text-align: center;vertical-align: middle;} span.frac > sup, span.frac > sub {display: block;font: inherit;padding: 0 0.3em;} span.frac > sup {border-bottom: 0.08em solid;} span.frac > span {display: none;} </style> <div id="quiz-container"> <div id="top-line"> <div class="timer-score" id="timer">Timer: 0 s</div> <div class="timer-score" id="score">Score: 0</div> </div> <h1 id="blue-heading">প্রাথমিক সহকারি শিক্ষক নিয়োগ পরিক্ষা ২০২৩<br />২য় গ্রুপ (রাজশাহী, খুলনা ও ময়মনসিংহ বিভাগ)</h1> <h6 id="black-heading">বি.দ্র. প্রতিটি প্রশ্নের মান ১। প্রতিটি ভুল উত্তরের জন্য ০.২৫ নম্বর কাটা যাবে।<br />সময়: ৬০ মিনিট<br />পূর্ণমান: ৭৫</h6> <button id="start-button" onclick="initGame()">Start Game</button> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="progress-bar"> <div id="progress-bar-fill"></div> <div id="progress-bar-text"></div> </div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div></div> <script> const colorData = [ { question: "'Thank you very much'- এ বাক্যে very শব্দটি একটি-", options: ["Noun", "Pronoun", "Adjective", "Adverb"], correctAnswer: "Adverb", answered: false, description: "" }, { question: "একটি ট্রেনের দৈর্ঘ্য ২০০ মিটার। ট্রেনটির গতি ঘণ্টায় ১০০ কি: মি: হলে ৩০ মিনিটে ট্রেনটি কত দূরত্ব অতিক্রম করবে?", options: ["১০০ কি: মি:", "৫০ কি: মি:", "সমাধান সম্ভব নয়", "২০০ কি: মি:"], correctAnswer: "৫০ কি: মি:", answered: false, description: "১ ঘণ্টা = ৬০ মিনিট <br/> ট্রেনটি ৬০ মিনিটে যায় = ১০০ কি.মি. <br/> :: ট্রেনটি ১ মিনিটে যায় = ১০০/৬০ কি.মি. <br/> :: ট্রেনটি ৩০ মিনিটে যায় = (১০০x৩০)/৬০ কি.মি. <br/> = ৫০ কি.মি. (উত্তর)" }, { question: "বর্গক্ষেত্রের এক বাহু 4 মিটার হলে কর্ণ কত মিটার?", options: ["16", "4<math><msqrt><mtext>2</mtext></msqrt></math>", "2<math><msqrt><mtext>4</mtext></msqrt></math>", "32"], correctAnswer: "4<math><msqrt><mtext>2</mtext></msqrt></math>", answered: false, description: "বর্গের এক বাহুর দৈর্ঘ্য a হলে কর্ণ = a<math><msqrt><mtext>2</mtext></msqrt></math> <br/> :: বর্গের এক বাহুর দৈর্ঘ্য 4 হলে কর্ণ = 4<math><msqrt><mtext>2</mtext></msqrt></math>" }, { question: "'কি হেতু এসেছ তুমি, কহু বিস্তারিয়া'- হেতু অনুসর্গটি কি অর্থ প্রকাশ করেছে?", options: ["প্রসঙ্গ", "ব্যাপার", "নিমিত্ত", "প্রার্থনা"], correctAnswer: "নিমিত্ত", answered: false, description: "কি হেতু এসেছ তুমি কহ বিস্তারিয়া' 'হেতু' অনুসর্গটি নিমিত্ত অর্থে ব্যবহৃত হয়েছে।" }, { question: "Adjacent to- phrase এর অর্থ-", options: ["নিকটবর্তী", "বিপরীত দিক", "বিরক্ত হওয়া", "আশির্বাদ করা"], correctAnswer: "নিকটবর্তী", answered: false, description: "" }, { question: "'মোরা একটি ফুলকে বাঁচাব বলে যুদ্ধ করি' গানের গীতিকার কে?", options: ["আপেল মাহমুদ", "আহমেদ ইমতিয়াজ বুলবুল", "নজরুল ইসলাম বাবু", "গোবিন্দ হালদার"], correctAnswer: "গোবিন্দ হালদার", answered: false, description: "বাংলাদেশের মুক্তিযুদ্ধের সময় স্বাধীন বাংলা বেতারে সম্প্রচারিত তার লেখা গানসমূহ মুক্তিযোদ্ধাদের অনুপ্রাণিত করতো। মুক্তিযুদ্ধের সময় তার রচিত উল্লেখযোগ্য গানের মধ্যে মোরা একটি ফুলকে বাঁচাবো বলে যুদ্ধ করি, এক সাগর রক্তের বিনিময়ে, পূর্ব দিগন্তে সূর্য উঠেছে, লেফট রাইট লেফট রাইট, হুঁশিয়ার হুঁশিয়ার, পদ্মা মেঘনা যমুনা, চলো বীর সৈনিক, হুঁশিয়ার, হুঁশিয়ার বাংলার মাটি অন্যতম।তিনি ভারতের আকাশবাণী বেতারের তালিকাভুক্ত গীতিকার ছিলেন।" }, { question: "বর্তমানে দেশের কোন বিভাগে স্বাক্ষরতার হার সবচেয়ে বেশি?", options: ["ঢাকা", "সিলেট", "ময়মনসিংহ", "বরিশাল"], correctAnswer: "ঢাকা", answered: false, description: "মোট সাক্ষরতার সর্বোচ্চ হার ঢাকা বিভাগে ৭৮.০৯% এবং সর্বনিম্ন হার ময়মনসিংহ বিভাগে ৬৭.০৯%।" }, { question: "'মুক্তি পেতে ইচ্ছুক' এক কথায় কি বলে?", options: ["মুমুক্ষু", "মূমূক্ষ", "মুমুক্ষূ", "মুমুক্ষা"], correctAnswer: "মুমুক্ষু", answered: false, description: "মুক্তি পেতে ইচ্ছুক এক কথায় হবে মুক্তিকামী বা মুমুক্ষু <br/> মুক্তি পাওয়ার ইচ্ছা মুমুক্ষা" }, { question: "পর পর তিনটি সংখ্যার গুণফল ১২০ হলে তাদের যোগফল হবে-", options: ["৯", "১৫", "১২", "১১"], correctAnswer: "১৫", answered: false, description: "৪ x ৫ x ৬ = ১২০ <br/> :: যোগফল, ৪ + ৫ + ৬ = ১৫" }, { question: "Pen through the line এর সঠিক অনুবাদ-", options: ["লাইনটি মুছে দাও", "লাইনের উপর কলম ছোড়া", "লাইন বরাবর কলম চালানো", "লাইনটি কেটে দাও"], correctAnswer: "লাইনটি কেটে দাও", answered: false, description: "" }, { question: "১২০ টাকা দিয়ে একটি পণ্য কিনে ১০০ টাকায় বিক্রয় করলে ক্ষতির পরিমাণ-", options: ["২০%", "১৫%", "১৬.৬৭%", "১৮.৭৫%"], correctAnswer: "১৬.৬৭%", answered: false, description: "ক্ষতি = ১২০-১০০ = ২০ টাকা <br/> :: শতকরা ক্ষতি = (২০x১২০)x১০০% =১৬.৬৭%" }, { question: "'খাতক' শব্দের বিপরীত শব্দ কোনটি?", options: ["চাতক", "খনা", "ঘাতক", "মহাজন"], correctAnswer: "মহাজন", answered: false, description: "খাতক বিপরীত শব্দ মহাজন" }, { question: "একটি ক্ষেত্রের দৈর্ঘ্য ২ মিটার, প্রস্থ ১ মিটার ও উচ্চতা শূন্য হলে ক্ষেত্রটি কি হবে?", options: ["দ্বি-মাত্রিক", "ত্রি-মাত্রিক", "কোনটিই নয়", "এক মাত্রিক"], correctAnswer: "দ্বি-মাত্রিক", answered: false, description: "যেহেতু ক্ষেত্রটির কোন উচ্চতা নেই, সেহেতু এটি দ্বি-মাত্রিক। কারণ দ্বি-মাত্রিক ক্ষেত্রের দৈর্ঘ্য ও প্রস্থ থাকে।" }, { question: "কোনটি সঠিক?", options: ["সোজন বাদিয়ার ঘাট (উপন্যাস)", "কাঁদো নদী কাঁদো (কাব্য)", "বহিপীর (নাটক)", "মহাশ্মশান (নাটক)"], correctAnswer: "বহিপীর (নাটক)", answered: false, description: "বহিপীর বাংলাদেশি সাহিত্যিক সৈয়দ ওয়ালীউল্লাহ-র বাংলা ভাষায় রচিত একটি নাটক। এটি ১৯৬০ সালে পূর্ব পাকিস্তানের (বর্তমান বাংলাদেশ) ঢাকা থেকে প্রথম প্রকাশিত হয়। এর আগে ১৯৫৫ সালে ঢাকায় পিইএন ক্লাবের উদ্যোগে আয়োজিত আন্তর্জাতিক সম্মেলনে 'বহিপীর' নাটক পুরস্কার লাভ করে" }, { question: "বাজারে কফির দাম ১০% কমে যাওয়ায় কফির ব্যবহার কত ভাগ বৃদ্ধি করলে কফি বাবদ খরচ একই থাকবে?", options: ["১০%", "১৮<math><mfrac><mn>১</mn><mi>৩</mi></mfrac></math>%", "১১<math><mfrac><mn>১</mn><mi>৯</mi></mfrac></math>%", "১২%"], correctAnswer: "১১<math><mfrac><mn>১</mn><mi>৯</mi></mfrac></math>%", answered: false, description: "১০% কমে যাওয়ায় মূল্য = (১০০-১০) = ৯০ টাকা <br/> এখন, ৯০ টাকায় বাড়াতে হবে = ১০ টাকা <br/> :: ১ টাকায় বাড়াতে হবে = ১০/৯০ টাকা <br/> :: ১০০ টাকায় বাড়াতে হবে = (১০x১০০)/৯০ টাকা = ১১<math><mfrac><mn>১</mn><mi>৯</mi></mfrac></math>%" }, { question: "১২টি বই থেকে ৫টি বই কত প্রকারে বাছাই করা যায় যেখানে ২টি বই সর্বদাই অন্তর্ভুক্ত থাকবে?", options: ["১৮৮", "১২০", "১৪০", "১৪২"], correctAnswer: "১২০", answered: false, description: "যেহেতু ২টি পুস্তক নির্দিষ্ট থাকবে তাই ২টি পুস্তক উভয়ক্ষেত্রে আলাদা রেখে বাকি (১১-২)=১০টি পুস্তক হতে (৫-২)=৩টি পুস্তক বাছাই করতে হবে।<br/> :: বাছাই সংখ্যা = <math><msub><mmultiscripts><mi>C</mi><mprescripts/><none/><mn>১০</mn></mmultiscripts><mi>৩</mi></msub></math> = <math><mfrac><mn>১০.৯.৮</mn><mi>৩.২.১</mi></mfrac></math> = ১২০ (উত্তর)" }, { question: "'আমরা সবাই রাজা আমাদের এই রাজার রাজত্বে' এ গানে কোন ভাব প্রকাশ পেয়েছে?", options: ["রাজা হওয়ার ইচ্ছা", "স্বৈরতন্ত্র", "রসবোধ", "দায়িত্ববোধ"], correctAnswer: "দায়িত্ববোধ", answered: false, description: "ব্রিটিশবিরোধী আন্দোলন যখন তুঙ্গে,<br/>ক্ষুদিরাম বসু, প্রফুল্ল চাকী যখন জীবন উৎসর্গ করেছে দেশের স্বাধীনতার জন্য, তখন রবীন্দ্রনাথ ঠাকুর একটা ভাবিরাষ্ট্রের স্বপ্ন দেখেছিলেন যেটা প্রতিষ্ঠিত হবে অহিংসার ওপর, সত্যের ওপর ও শ্রেয়ের ওপর।<br/>এই মনোভাব থেকে তিনি লেখেন 'প্রায়শ্চিত্ত' নাটক (১৯০৯)। সেই নাটকে তিনি ধনঞ্জয় বৈরাগী নামে একটা চরিত্র সৃষ্টি করেন, যিনি ছিলেন অহিংসের প্রতিমূর্তি এবং তার মুখ দিয়ে বলালেন- রাজ্য রাজার একার নয়, অর্ধেক প্রজার।<br/>আগে থেকে ১২১ বছর আগেই রবীন্দ্রনাথ আধুনিক রাষ্ট্রচিন্তা করে সেখানে প্রজার সার্বভৌম অধিকার ঘোষণা করেন। পরের বছরই 'আমরা সবাই রাজা আমাদের এই রাজার রাজত্বে' এই গানের মাধ্যমে তার মনোভাব আবারও প্রকাশ করেন।<br/>রাষ্ট্রের কর্তাব্যক্তিদের প্রতি সনিবন্ধ অনুরোধ-<br/>জনগণকে ভালোবাসুন, তাদেরকে সম্মান করুন,<br/>তাদের মতামত, চাহিদাকে গুরুত্ব দিন; তারা ঠিকই সেই সম্মান, সেই মর্যাদা আপনাদেরকেই ফিরিয়ে দেবে।<br/>অন্তত কবিগুরুর এই গানের কথায় 'রাজা সবারে দেন মান, সে মান আপনি ফিরে পান' তাই-ই বলা হয়েছে।" }, { question: "যদি x + 5y = 24 এবং x = 3y হয় তাহলে y এর মান কত?", options: ["3", "7", "8", "9.5"], correctAnswer: "3", answered: false, description: "x+5y=24<br/> or, 3y+5y=24<br/> or, 8y =24 <br/> or, y =3 " }, { question: "১ মিলিয়ন = কত বিলিয়ন?", options: ["০.১ বিলিয়ন", "০.০০০১ বিলিয়ন", "০.০১ বিলিয়ন", "০.০০১ বিলিয়ন"], correctAnswer: "০.০০১ বিলিয়ন", answered: false, description: "আমরা জানি,<br/> ১০০০ মিলিয়ন = ১ বিলিয়ন <br/> :: ১ মিলিয়ন = ১/১০০০ = ০.০০০১ বিলিয়ন" }, { question: "দেশি শব্দ নয় কোনটি?", options: ["ঢিল", "মুড়কি", "মাছি", "ঝিঙ্গা"], correctAnswer: "মাছি", answered: false, description: "ঝিঙা দেশি ভাষার শব্দ <br/>মাচ্ছিঅ> মাচ্ছি > মাছি। মাছি একটি তদ্ভব শব্দ।" }, { question: "বাংলা মুদ্রাক্ষরের জনক বলা হয় কাকে?", options: ["রজনীকান্ত", "চার্লস উইলকিন্স", "ঈশ্বরচন্দ্র বিদ্যাসাগর", "ফোর্ট উইলিয়াম"], correctAnswer: "চার্লস উইলকিন্স", answered: false, description: "বাংলা মুদ্রাক্ষরেরে জনক বলা হয় চার্লস উইলকিন্সকে। তিনি ১৭৭৮ সালে হুগলিতে প্রথম বাংলা ছাপাখানা প্রতিষ্ঠা করেন এবং তিনি নিজেই বাংলা অক্ষরের নকশা তৈরি করেন। তবে তার নির্দেশনা অনুযায়ী পরবর্তীতে পঞ্চানন কর্মকার বাংলা অক্ষর খোদাই করেন।" }, { question: "কোনটি সঠিক বানান?", options: ["Pandulam", "Pandolam", "Pendulam", "Pendulum"], correctAnswer: "Pendulum", answered: false, description: "" }, { question: "সারাংশ কোন পুরুষে লিখতে হয়?", options: ["মধাম", "প্রথম", "সবগুলো", "উত্তম"], correctAnswer: "প্রথম", answered: false, description: "সারাংশ প্রথম পুরুষে লিখতে হয়য়। সারাংশ এর ভাষা সহজ ও সাবলীল হওয়া দরকার। অনুপস্থিত কোনো ব্যক্তি বা দূরের কোন বস্তুর সম্বন্ধে কিছু বলবার সময় সেই ব্যক্তি বা নামের পরিবর্তে যে সর্বনাম বা বিশেষ্য পদ ব্যবহার করা হয় তাকেই প্রথম পুরুষ বলে। প্রথম পুরুষ ব্যবহার করলে বাক্যের গঠন সহজ ও সাবলীল হয়। এই জন্য প্রথম পুরুষ ব্যবহার করা হয়।" }, { question: "'হর্ষণ' শব্দের অর্থ কি?", options: ["দেখা", "হাসা", "চাষ করা", "আনন্দ"], correctAnswer: "আনন্দ", answered: false, description: "হর্ষণ ১. /বিশেষ্য পদ/ হর্ষ। ২. /বিশেষণ পদ/ হর্ষজনক, আনন্দদায়ক, শিহরণ, লোমহর্ষণ।" }, { question: "x < 4 হলে নীচের কোন মানটি x এর জন্য সত্য হতে পারে?", options: ["0", "3", "সবগুলোই", "-4"], correctAnswer: "সবগুলোই", answered: false, description: "এখানে, x<4 অর্থাৎ x এর মান 4 অপেক্ষা ছোট। Option অনুযায়ী 0, 3, -4 সবগুলোই গ্রহণযোগ্য।" }, { question: "One who deals in cattle is-", options: ["jockey", "seller", "drover", "auctioneer"], correctAnswer: "seller", answered: false, description: "" }, { question: "'মৃন্ময়ী' রবীন্দ্রনাথ ঠাকুরের কোন ছোট গল্পের নায়িকা?", options: ["হৈমন্তী", "সমাপ্তি", "দেনা-পাওনা", "পোস্টমাস্টার"], correctAnswer: "সমাপ্তি", answered: false, description: "রবীন্দ্রনাথ ঠাকুরের 'সমাপ্তি' ছোটগল্পের নায়িকা 'মৃন্ময়ী' এবং নায়ক' অপূর্বকৃষ্ণ ' । অন্যদিকে তার 'দেনাপাওনা' ছোটগল্পের নায়িকা 'নিরু' পোস্টমাস্টার' গল্পের বালিকা চরিত্র 'রতন' এবং 'মধ্যবর্তিনী ' গল্পের নায়িকা 'হরসুন্দরী' ও 'শৈলবালা' এবং নায়ক 'নিবারণ'।" }, { question: "মুষলধারে বৃষ্টি পড়ছে- এখানে বৃষ্টি শব্দটি কোন কর্তা?", options: ["ব্যাতিহার কর্তা", "মুখ্য কর্তা", "প্রযোজক কর্তা", "প্রযোজ্য কর্তা"], correctAnswer: "মুখ্য কর্তা", answered: false, description: "যে কর্তা নিজে নিজেই ক্রিয়া সম্পাদন করে, সে মুখ্য কর্তা। যেমনঃ অপু গাছ থেকে আম পড়ছে। মুষলধারে বৃষ্টি পড়ছে।" }, { question: "1<math><msup><mi>x</mi><mn>2</mn></msup></math>+2<math><msup><mi>x</mi><mn>2</mn></msup></math>+3<math><msup><mi>x</mi><mn>2</mn></msup></math>+ . . . . . . x<math><msup><mi>x</mi><mn>2</mn></msup></math> এর মান কত?", options: ["x", "<math><mfrac><mn>x(x+1)(x+2)</mn><mi>6</mi></mfrac></math>", "<math><msup><mi>x</mi><mn>1+4</mn></msup></math>", "<math><msup><mi>x</mi><mn>10</mn></msup></math>"], correctAnswer: "<math><mfrac><mn>x(x+1)(x+2)</mn><mi>6</mi></mfrac></math>", answered: false, description: "1<math><msup><mi>x</mi><mn>2</mn></msup></math>+2<math><msup><mi>x</mi><mn>2</mn></msup></math>+3<math><msup><mi>x</mi><mn>2</mn></msup></math>+ . . . . . . x<math><msup><mi>x</mi><mn>2</mn></msup></math> = <math><mfrac><mn>x(x+1)(x+2)</mn><mi>6</mi></mfrac></math>" }, { question: "'আমার জ্বর জ্বর লাগছে' এটি কোন ধরনের বাক্য?", options: ["দ্বিরুক্ত", "সরল", "মিশ্র", "যৌগিক"], correctAnswer: "সরল", answered: false, description: "যেসব বাক্যে কেবল একটি সমাপিকা ক্রিয়া থাকে, সেগুলো সরল বাক্য। উদাহরণ: জসিম ভাত খায়।" }, { question: "'নিমরাজি' শব্দে 'নিম' কোন উপসর্গ?", options: ["তৎসম উপসর্গ", "বিদেশি উপসর্গ", "তদ্ভব উপসর্গ", "বাংলা উপসর্গ"], correctAnswer: "বিদেশি উপসর্গ", answered: false, description: "বাংলা ভাষায় ব্যবহৃত ফারসি উপসর্গ এর সংখ্যা ১০ টি। যেমন: না,নিম,ফি,বে,ব,দর,কার,বর,বদ,কম। তন্মধ্যে 'নিম' একটি।" }, { question: "কোন কবির মাতাও একজন কবি?", options: ["আহসান হাবীব", "বিষ্ণু দে", "শামসুর রাহমান", "জীবনানন্দ দাশ"], correctAnswer: "জীবনানন্দ দাশ", answered: false, description: "জীবনানন্দ দাশ এর মা কুসুমকুমারী দাশও একজন কবি ছিলেন।" }, { question: "১ নটিক্যাল মেইল সমান কত কিলোমিটার?", options: ["১.৮৫২", "২.৮৭১", "২.২৫৮", "১.৮৫৫"], correctAnswer: "১.৮৫২", answered: false, description: "এক নটিক্যাল মাইল 1, 852 মিটার। <br/>1.852 কিলোমিটার।<br/>1.1508 মাইল বা 6, 076 ফুট।" }, { question: "ECNEC এর বর্তমান সভাপতি কে?", options: ["অর্থ মন্ত্রী", "প্রধানমন্ত্রী", "পরিকল্পনা মন্ত্রী", "জনপ্রশাসন মন্ত্রী"], correctAnswer: "প্রধানমন্ত্রী", answered: false, description: "Executive Committee of the National Economic Council বা একনেক এর সর্বশেষ ব্যবস্থায় প্রধানমন্ত্রী সভাপতি ও অর্থমন্ত্রী বিকল্প সভাপতি হিসেবে দায়িত্ব পালন করেন।" }, { question: "Walking is good for health' এ বাক্যে walking শব্দটি-", options: ["Gerund","Adverb", "Verb", "Noun"], correctAnswer: "", answered: false, description: "" }, { question: "“SIM” এর পূর্ণরূপ কী?", options: ["Single intenssive module", "Subscriber identity module", "Spot identity module", "Small initiative module"], correctAnswer: "Subscriber identity module", answered: false, description: "" }, { question: "What is an epic?", options: ["All of the answers", "a short poem", "a long poem", "a sative"], correctAnswer: "", answered: false, description: "" }, { question: "Personnel এর বাংলা অর্থ কি?", options: ["ব্যক্তিগত", "কর্মীগণ", "ব্যক্তি সম্পকীয়", "ব্যক্তিগত বিষয়"], correctAnswer: "কর্মীগণ", answered: false, description: "" }, { question: "বাংলাদেশ সরকারের বৈদেশিক অর্থায়ন সংক্রান্ত বিষয়ে অর্থ মন্ত্রনালয়ের কোন বিভাগ দায়িত্ব পালন করে?", options: ["অভ্যন্তরীণ সম্পদ বিভাগ", "পরিকল্পনা বিভাগ", "অর্থ বিভাগ", "অর্থনৈতিক সম্পর্ক বিভাগ"], correctAnswer: "অর্থনৈতিক সম্পর্ক বিভাগ", answered: false, description: "অর্থনৈতিক সম্পর্ক বিভাগ (সংক্ষেপে ইআরডি) বাংলাদেশ সরকারের অর্থ মন্ত্রণালয়ের চারটি বিভাগের অন্যতম। মন্ত্রণালয়ের অন্য তিনটি বিভাগ হলো: অর্থ বিভাগ, আর্থিক প্রতিষ্ঠান বিভাগ ও অভ্যন্তরীণ সম্পদ বিভাগ। জাতির পিতা বঙ্গবন্ধু শেখ মুজিবুর রহমান-এর ঐকান্তিক ইচ্ছায় বৈদেশিক অর্থায়ন (অনুদান, ঋণ, কারিগরি সহায়তা) কার্যক্রমকে তত্ত্বাবধান করার লক্ষ্যে অর্থ ও পরিকল্পনা মন্ত্রণালয়ের অংশ হিসেবে বহিঃসম্পদ বিভাগ স্থাপিত হয়। পরবর্তীতে বহিঃসম্পদ বিভাগকে অর্থ মন্ত্রণালয়ের অধীনে ন্যস্ত করা হয়। উল্লেখ্য যে, ১৯৯০ সালে বহিঃসম্পদ বিভাগকে 'অর্থনৈতিক সম্পর্ক বিভাগ' হিসেবে নামকরণ করা হয়।" }, { question: "দুটি বাক্যের মধ্যে অর্থের সমন্ধ থাকলে কোন বিরাম চিহ্ন বসে?", options: ["কোলন", "হাইফেন", "কমা", "সেমিকোলন"], correctAnswer: "সেমিকোলন", answered: false, description: "সেমিকোলন (;) একাধিক বাক্যের মধ্যে অর্থের নিকট সম্বন্ধ থাকলে বাক্য্যগুলোকে একটু বেশি থামার চিহ্ন দিয়ে ভাগ করতে হয়। এক্ষেত্রে ব্যবহৃত হয় সেমিকোলন।" }, { question: "কোন গ্রন্থটি William Blake এর লেখা?", options: ["The Traveller", "The School Boy", "The Daffodils", "All of the answers"], correctAnswer: "The School Boy", answered: false, description: "" }, { question: "নিচের কোন গ্রন্থটির রচয়িতা H. G. Wells?", options: ["The Invisible Man", "The Time Machine", "The First Man on the Moon", "All of the above"], correctAnswer: "All of the above", answered: false, description: "" }, { question: "He will stick______________ nothing", options: ["to", "with", "of", "for"], correctAnswer: "to", answered: false, description: "'Stick to' is a phrasal verb that means to continue doing, using, saying, or talking about something, rather than changing to something else." }, { question: "কাগজ ও কলমের মূল্য একত্রে ২৪০ টাকা। কাগজের মূল্য কলমের মূল্য অপেক্ষা ৪০ টাকা কম হলে কলমের মূল্য কত?", options: ["১৪০ টাকা", "১০০ টাকা", "২০০ টাকা", "১৬০ টাকা"], correctAnswer: "১০০ টাকা", answered: false, description: "ধরি, কলমের মূল্য = ক টাকা<br/>কাগজের মূল্য = ক - ৪০ টাকা<br/>প্রশ্নমতে,<br/>ক + ক - ৪০ = ২৪০<br/>বা, ক = ১৪০ টাকা<br/>অতএব কলমের মূল্য ১৪০ টাকা" }, { question: "একটি রাশি অপর রাশির ৬৪% হলে রাশি দুটির অনুপাত কত?", options: ["৯:১৬", "১৬:৯", "১৬:২৫", "২৫:১৬"], correctAnswer: "১৬:২৫", answered: false, description: "শর্তমতে, y এর ৬৪% = x <br/> > ৬৪y/১০০ = x <br/> > x/y = ১৬/২৫" }, { question: "Ernest Hemingway কোন দেশের সাহিত্যিক?", options: ["চিলি", "যুক্তরাজ্য", "আমেরিকা", "জার্মানি"], correctAnswer: "আমেরিকা", answered: false, description: "আর্নেস্ট মিলার হেমিংওয়ে (২১ জুলাই ১৮৯৯ - ২ জুলাই ১৯৬১) একজন মার্কিন সাহিত্যিক ও সাংবাদিক ছিলেন।" }, { question: "নিচের কোনটি শরৎ সাহিত্যের চরিত্র নয়-", options: ["সাবিত্রী", "সুরবালা", "গফুর", "ষোড়শী"], correctAnswer: "সুরবালা", answered: false, description: "বাংলা সাহিত্যের এক অনন্য নাম শরৎচন্দ্র চট্টোপাধ্যায়। তাকে বলা হয় বাংলা সাহিত্যের সবচেয়ে জনপ্রিয় কথাসাহিত্যিক।<br/>বাংলা সাহিত্য ও সংস্কৃতি জগতে শরৎ সাহিত্যের প্রভাব অত্যন্ত গভীর ও ব্যাপক। কখনো কখনো তিনি অনিলা দেবী ছদ্মনামে লিখতেন।<br/>শরৎচন্দ্রের নায়িকা বলতে তার উপন্যাসের প্রধান চরিত্রকে বলা হচ্ছে।<br/>এসব চরিত্র অনেক চরিত্রের ভিড়েও নিজস্ব প্রবণতা এবং ব্যক্তিস্বাতন্ত্র্যের কারণে স্বতন্ত্র।<br/>তার সময়ে নতুন প্রজন্মের উত্তরসূরি শরৎচন্দ্র নারী অধিকার আর মর্যাদা রক্ষায় সমাজ ব্যবস্থার মূল রক্ষণশীল ধারাকে তীক্ষ্ন বিদ্রুপে কটাক্ষ করেছেন।<br/>তার বড়দিদি উপন্যাসের নায়িকা বড়দিদি ‘মাধবী দেবী’ কিংবা ‘দেবদাস’ - এর ‘পার্বতী’সহ সাড়া জাগানো উপন্যাসের নায়িকারা আজও পাঠক সমাজের হৃদয়ে স্থায়ীভাবে জায়গা করে নিয়েছে।" }, { question: "রাডারে যে তড়িৎ চৌম্বক ব্যবহার করা হয় তার নাম-", options: ["মাইক্রোওয়েভ", "গামা রশ্মি", "অবলোহিত বিকিরণ", "আলোক তরঙ্গ"], correctAnswer: "মাইক্রোওয়েভ", answered: false, description: "রাডার এমন একটি পদ্ধতি যা তড়িৎচৌম্বক তরঙ্গ (মাইক্রো ওয়েভ ) ব্যবহার করে চলমান বা স্থির বস্তুর অবস্থান, দূরত্ব, উচ্চতা, দিক বা দ্রুতি নির্ণয় করতে পারে। এটি বেতার সংকেত ধারণ এবং দূরত্ব নির্ধারণের সংক্ষিপ্ত রূপ। অর্থাৎ Radar শব্দের পূর্ণরূপ হচ্ছে Radio Detection and Ranging।" }, { question: "১ হতে ২০ পর্যন্ত সংখ্যাগুলোর যোগফল কত?", options: ["২৪০", "২২০", "২৩০", "২১০"], correctAnswer: "২১০", answered: false, description: "ধরি, n = ২০ <br/> :: {n(n+১)}/২ = {২০(২০+১)}/২ = ২১০" }, { question: "যে চতুর্ভুজের কেবল দুইটি বিপরীত বাহু পরস্পর সমান্তরাল তাকে কি বলে?", options: ["চতুর্ভূজ", "ট্রাপিজিয়াম", "রম্বস", "সামন্তরিক"], correctAnswer: "ট্রাপিজিয়াম", answered: false, description: "যে চতুর্ভুজের একজোড়া বাহু পরস্পর সমান্তরাল তাকে ট্রাপিজিয়াম বলে। তাহলে ট্রাপিজিয়ামের একজোড়া বাহু পরস্পর সমান্তরাল।" }, { question: "Meticulous শব্দের অর্থ-", options: ["অস্পষ্ট", "মাধ্যমিক পাশ", "যত্নবান", "সামর্থ্যবান"], correctAnswer: "যত্নবান", answered: false, description: "1. অস্পষ্ট - Obscure, Unclear <br/>2. মাধ্যমিক পাশ- Secondary Pass<br/>3. যত্নবান- Meticulous , discreet<br/>4. সামর্থ্যবান- competent, capable of" }, { question: "একটি দেশের জিডিপির পরিমাণ ৭.৫ বিলিয়ন মার্কিন ডলার। ঐ দেশের মোট জনসংখ্যা ১.৮৫ মিলিয়ন হলে মাথাপিছু জিডিপির পরিমাণ নিকটতম কত মার্কিন ডলার?", options: ["৪০", "৪০,৫৪০", "৪০৫", "৪,০৫৪"], correctAnswer: "৪,০৫৪", answered: false, description: "অপশনে ৪.০৫৪ ছিল। যা সঠিক নয়। সঠিক উত্তর ৪,০৫৪।<br/> আমরা জানি, <br/> ১ বিলিয়ন = ১০০০ মিলিয়ন <br/> :: ৭.৫ বিলিয়ন = ৭,৫০০ মিলিয়ন <br/> :: ৭৫০০০০/১৮৫ = ৪,০৫৪" }, { question: "Worse' শব্দটি Adjective এর কোন degree?", options: ["Assertive", "Positive", "Comparative", "Superlative"], correctAnswer: "Comparative", answered: false, description: "Positive -Comparative -Superlative <br/>Bad-Worse-Worst" }, { question: "Fare শব্দটি দ্বারা কি বুঝায়?", options: ["ভয় দেখানো", "মেলা", "ভাড়া", "সুষ্ঠু"], correctAnswer: "ভাড়া", answered: false, description: "" }, { question: "কোন লঘিষ্ঠ সংখ্যার সাথে ৩ যোগ করলে যোগফল ২৪, ৩৬ ও ৪৮ দ্বারা বিভাজ্য হবে?", options: ["৪২", "১৪১", "৮৭", "১০৪"], correctAnswer: "১৪১", answered: false, description: "লসাগু = ২×২×২×৩×৩×২ =১৪৪ <br/> নির্ণেয় সংখ্যাটি = ১৪৪-৩ =১৪১" }, { question: "Which one is the incorrect sentence?", options: ["Fetch some water for me", "We are united", "We reached at home yesterday", "He answered my questions"], correctAnswer: "We reached at home yesterday", answered: false, description: "" }, { question: "We are having a friendly _____ about football", options: ["chat", "whisper", "report", "gossip"], correctAnswer: "chat", answered: false, description: "home এর আগে preposition বসে না। সুতরাং, সঠিক বাক্যটি হবে: We reached home yesterday." }, { question: "নিচের কোনটির সাহায্যে সমুদ্রের গভীরতা নির্ণয় করা হয়?", options: ["প্রতিসরাঙ্ক", "প্রতিফলন", "প্রতিধ্বনি", "প্রতিসরণ"], correctAnswer: "প্রতিধ্বনি", answered: false, description: "" }, { question: "Praise শব্দের antonym কোনটি?", options: ["Scold", "All of the answers", "Rebuke", "Reprimand"], correctAnswer: "All of the answers", answered: false, description: "‘উপসর্গ’ কথাটির মূল অর্থ ‘উপসৃষ্ট’। এর কাজ হলো নতুন শব্দ গঠন করা। উপসর্গের নিজস্ব কোন অর্থ নেই, তবে এগুলো অন্য শব্দের সাথে যুক্ত হয়ে বিশেষ অর্থ প্রকাশ করে থাকে।" }, { question: "উপসর্গের কাজ কি?", options: ["নতুন শব্দ গঠন করা", "শব্দের বিরতি প্রদর্শন", "শব্দের লক্ষণ দেখানো", "কোনটিই নয়"], correctAnswer: "নতুন শব্দ গঠন করা", answered: false, description: "" }, { question: "চীন থেকে ভারতবর্ষে আসা প্রথম পর্যটকের নাম কি?", options: ["মা হুয়ান", "মেগাস্থিনিস", "ফা-হিয়েন", "হিউয়েন সাং"], correctAnswer: "ফা-হিয়েন", answered: false, description: "ফা-হিয়েন পঞ্চম শতাব্দীর প্রথম দিকে ভারত সফরকারী প্রথম চীনা পর্যটক। তিনি একজন চীনা বৌদ্ধ সন্ন্যাসী যিনি দ্বিতীয় চন্দ্রগুপ্তের রাজত্বকালে ভারতে এসেছিলেন। তার সফরের উদ্দেশ্য ছিল বৌদ্ধধর্মের পবিত্র গ্রন্থের সন্ধান করা।" }, { question: "'একেই কি বলে সভ্যতা'- এটি মধুসূদন দত্তের কি জাতীয় রচনা?", options: ["উপন্যাস", "কাব্য", "প্রহসন", "মহাকাব্য"], correctAnswer: "প্রহসন", answered: false, description: "' একেই কি বলে সভ্যতা? ' - এটি মাইকেল মধুসূদন দত্তের প্রহসন। প্রহসন বলতে মুলত একধরনের হাস্যরসাত্মক নাটক বোঝায়। এর উদ্দেশ্য হলো হাস্যরস ও ব্যঙ্গ বিদ্রুপের আড়ালে অতিরঞ্জিত , অসংযত ও অভাবনীয় অবস্থা সৃষ্টির মাধ্যমে দর্শক দের বিনোদন প্রদান করা। প্রদত্ত প্রহসনটিও মাইকেল মধুসূদন দত্তের হাস্যরসাত্মক কাহিনী নিয়ে রচিত।" }, { question: "'বন্ধন' শব্দের সঠিক অক্ষর বিন্যাস নিচের কোনটি?", options: ["বান+ধন", "ব+ন+ধ+ন", "বন্‌+ধন্‌", "ব+ন্ধ+ন"], correctAnswer: "বন্‌+ধন্‌", answered: false, description: "বন্ধন শব্দের সঠিক অক্ষর বিন্যাস = বন্ + ধন্।" }, { question: "OIC'র প্রধান কার্যালয় কোথায় অবস্থিত?", options: ["তেহরান", "কায়রো", "জেদ্দা", "রিয়াদ"], correctAnswer: "জেদ্দা", answered: false, description: "Organisation of Islamic Cooperation , Head Office of OIC Zedda" }, { question: "'উদাত্ত পৃথিবী' কাব্য গ্রন্থের রচয়িতা কে?", options: ["সুভাষ মুখোপাধ্যায়", "সুফিয়া কামাল", "কবি আল মাহমুদ", "সিকানদার আবু জাফর"], correctAnswer: "সুফিয়া কামাল", answered: false, description: "বেগম সুফিয়া কামাল (২০শে জুন ১৯১১ - ২০শে নভেম্বর ১৯৯৯) বাংলাদেশের একজন প্রথিতযশা কবি, লেখিকা, নারীবাদী ও আধুনিক বাংলাদেশের নারী প্রগতি আন্দোলনের একজন পুরোধা ব্যক্তিত্ব।<br/>কাব্যগ্রন্থ<br/>>সাঁঝের মায়া (১৯৩৮)<br/>>মায়া কাজল (১৯৫১)<br/>>মন ও জীবন (১৯৫৭)<br/>>প্রশস্তি ও প্রার্থনা (১৯৫৮)<br/>>উদাত্ত পৃথিবী (১৯৬৪)<br/>>দিওয়ান (১৯৬৬)<br/>>অভিযাত্রিক (১৯৬৯)<br/>>মৃত্তিকার ঘ্রাণ (১৯৭০)<br/>>মোর জাদুদের সমাধি পরে (১৯৭২)<br/>>Mother of Pearls and Other Poems (English poem)" }, { question: "একটি পেনসিলের ওজন ৫ গ্রাম। এটির ওজন মিলিগ্রামে কত হবে?", options: ["৫০০", "৫০,০০০", "কোনটিই নয়", "৫০"], correctAnswer: "কোনটিই নয়", answered: false, description: "আমরা জানি, ১ গ্রাম = ১০০০ মিলিগ্রাম <br/> :: ৫ গ্রাম = ৫০০০ মিলিগ্রাম" }, { question: "Many শব্দের Synonym কোনটি?", options: ["Numerous", "Enormous", "All of the answers", "Several"], correctAnswer: "All of the answers", answered: false, description: "" }, { question: "মানুষের দেহের রক্তরসে শতকরা কত ভাগ পানি থাকে?", options: ["৯০", "৮০", "৭৫", "৭০"], correctAnswer: "৯০", answered: false, description: "" }, { question: "কোন দেশে প্রথম 'আরব বসন্ত' এর সূচনা হয়?", options: ["লিবিয়া", "মিশর", "লেবানন", "তিউনিসিয়া"], correctAnswer: "", answered: false, description: "আরব বসন্তের শুরু হয় ২০১০ সালের ১৭ ই ডিসেম্বর তিউনিসিয়ার মোহাম্মদ বোয়াজিজি নামে এক ফল বিক্রেতার পুলিশের দুর্নীতি ও দুর্ব্যবহারের প্রতিবাদে গায়ে আগুন দিয়ে আত্মাহুতির মাধ্যমে বিদ্রোহ শুরু হয়।" }, { question: "বাংলাদেশ মহাকাশ গবেষণা ও দূর অনুধাবন প্রতিষ্ঠান কোন মন্ত্রণালয়ের অধীন?", options: ["তথ্য ও যোগাযোগ প্রযুক্তি বিভাগ", "ডাক, তার ও টেলিযোগাযোগ মন্ত্রণালয়", "বিজ্ঞান ও প্রযুক্তি বিষয়ক মন্ত্রণালয়", "প্রতিরক্ষা মন্ত্রণালয়"], correctAnswer: "প্রতিরক্ষা মন্ত্রণালয়", answered: false, description: "" }, { question: "নিম্নের কোন রোগ দুটি অসংক্রামক ব্যাধি?", options: ["আমাশয় ও ডায়াবেটিকস", "ক্যান্সার ও স্ট্রোক", "ইফয়েড ও ভায়াবেটিকস", "কলেরা ও স্ট্রোক"], correctAnswer: "ক্যান্সার ও স্ট্রোক", answered: false, description: "যে রোগগুলো একজন থেকে আরেকজনে ছড়ায় না, অর্থাৎ ছোঁয়াচে না তাদের অসংক্রামক ব্যাধি বলা হয়। চিকিৎসা বিজ্ঞানের ভাষায় এটি এ কটি চিকিৎসা সংক্রান্ত শারীরিক অবস্থা বা রোগ যেটা এক প্রাণী থেকে অন্য প্রাণীতে ছড়ায় না। দুনিয়াজুড়ে অসংক্রামক ব্যাধি এখন মাথাচাড়া দিয়ে উঠেছে। ক্যান্সার, ডায়াবেটিস, উচ্চ রক্তচাপ, হৃদরোগ ইত্যাদি অসংক্রামক ব্যাধি এখন মারণ ঘাতক।" }, { question: "She copied the word' - এ বাক্যে copied শব্দটি-", options: ["Adverb", "Adjective", "Verb", "Noun"], correctAnswer: "Verb", answered: false, description: "" }, { question: "AI এর সঙ্গে কোনটি সম্পর্কযুক্ত?", options: ["4 IR", "Digital device", "Cloud server", "সবগুলোই"], correctAnswer: "", answered: false, description: "" }, { question: "He would _________arrested if he had tried unfairmeans এখানে শূন্যস্থানে কি বসবে?", options: ["has been", "be surely", "have been", "be police"], correctAnswer: "have been", answered: false, description: "" }, { question: "0.5 + 0.05 + 0.005 × 0.5 × 0.05 × 0.005 = কত?", options: ["0.550000625", "0.550000525", "0.550000425", "0.550000325"], correctAnswer: "", answered: false, description: "0.5 + 0.05 + 0.005 × 0.5 × 0.05 × 0.005<br/> = 0.5 + 0.05 + 0.000000625 <br/> = 0.550000625" }, ]; let currentColorIndex = 0; let score = 0; let quizCompleted = false; let timeLeft = 60; let quizStartTime; document.getElementById('progress-bar').style.display = 'block'; function startQuiz() { document.querySelector('.container').style.display = 'block'; const progressBar = document.getElementById('progress-bar'); if (progressBar) { progressBar.style.display = 'block'; } document.querySelector('.reloading').style.display = 'flex'; initGame();} function initGame() { document.getElementById('start-button').style.display = 'none'; quizStartTime = new Date(); displayQuestions(); startTimer(); updateScore();} function displayQuestions() { const container = document.getElementById("game-container"); container.innerHTML = ""; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement("div"); questionContainer.className = "question-container"; const questionText = document.createElement("div"); questionText.className = "question-text"; questionText.innerHTML = `${i + 1}. ${question}`; const optionsList = document.createElement("ul"); optionsList.className = "options-list"; options.forEach((option, index) => { const optionItem = document.createElement("li"); optionItem.innerHTML = option; optionItem.onclick = function () { checkMatch(option, i, optionItem); }; optionsList.appendChild(optionItem);}); const feedbackMessage = document.createElement("div"); feedbackMessage.className = "feedback-message"; questionContainer.appendChild(questionText); questionContainer.appendChild(optionsList); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer);} updateProgress();} function checkMatch(userAnswer, index, selectedOption) { if (quizCompleted || colorData[index].answered) { return;} const feedbackMessage = document.querySelectorAll(".feedback-message")[index]; if (userAnswer === colorData[index].correctAnswer) { showMessage(feedbackMessage, "Correct Answer", "green"); score++; } else { showMessage(feedbackMessage, "Incorrect Answer", "red");} colorData[index].answered = true; selectedOption.classList.add("selected"); const allAnswered = colorData.every(question => question.answered); if (allAnswered) { quizCompleted = true; updateProgress(); showPopup(`Quiz completed! Your final score is: ${score}`); } else { updateProgress(index);} updateScore();} function updateProgress() { const progressElement = document.getElementById('progress-bar'); const answeredQuestions = colorData.filter(question => question.answered).length; const totalQuestions = colorData.length; const progressPercentage = Math.round((answeredQuestions / totalQuestions) * 100); progressElement.style.width = `${progressPercentage}%`; const progressTextElement = document.getElementById('progress-bar-text'); if (progressPercentage > 0) { progressTextElement.innerHTML = `${progressPercentage}%`;} else { progressTextElement.innerHTML = '';} if (answeredQuestions === totalQuestions) { showPopup(`Quiz completed! Your final score is: ${score}`);}} function showMessage(element, message, color) { element.innerHTML = message; element.style.color = color; element.classList.add('show');} function showPopup(message) { const quizEndTime = new Date(); const timeSpent = Math.floor((quizEndTime - quizStartTime) / 1000); const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerHTML = `${message} <br> Time Spent: ${timeSpent} s`; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerHTML = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton);} popupContainer.appendChild(popup); document.body.appendChild(popupContainer);} function showAnswers() { const popupContainers = document.querySelectorAll('.popup-container'); popupContainers.forEach(container => container.parentNode.removeChild(container)); for (let i = 0; i < colorData.length; i++) { const { correctAnswer, description } = colorData[i]; const optionsList = document.querySelectorAll('.options-list')[i]; const existingDescriptionCaption = optionsList.querySelector('.answer-description-caption'); const existingDescription = optionsList.querySelector('.answer-description'); if (!existingDescriptionCaption && !existingDescription) { optionsList.childNodes.forEach((optionItem, index) => { var result = optionItem.innerHTML; const captionElement2 = document.createElement('div'); captionElement2.innerHTML = correctAnswer; var correct= captionElement2.innerHTML; console.log(result); console.log(captionElement2.innerHTML); if (optionItem.innerHTML === correct) { optionItem.style.fontWeight = 'bold'; optionItem.style.color = 'white'; optionItem.style.background = '#008080'; const captionElement = document.createElement('div'); captionElement.className = 'answer-description-caption'; captionElement.innerHTML = 'Answer Description:'; optionsList.appendChild(captionElement); const descriptionElement = document.createElement('div'); descriptionElement.className = 'answer-description'; descriptionElement.innerHTML = description; optionsList.appendChild(descriptionElement);} optionItem.onclick = null;}); colorData[i].answered = true;}} const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerHTML = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; const quizContainer = document.getElementById('quiz-container'); quizContainer.appendChild(reloadButton);} function disableOptions(index) { const optionsList = document.querySelectorAll('.options-list')[index]; optionsList.childNodes.forEach(optionItem => { optionItem.classList.add('disabled'); optionItem.onclick = null;});} function reloadQuiz() { location.reload();} function startTimer() { const timerElement = document.getElementById('timer'); const startTime = new Date().getTime(); function updateTimer() { if (!quizCompleted) { const elapsedTime = Math.floor((new Date().getTime() - startTime) / 1000); timerElement.innerHTML = `Timer: ${elapsedTime}s`; requestAnimationFrame(updateTimer); }} updateTimer();} function updateScore() { const scoreElement = document.getElementById('score'); scoreElement.innerHTML = `Score: ${score}`;} document.getElementById('start-button').addEventListener('click', initGame); </script>https://webschoolpro.blogspot.com/2024/02/Primary-School-Teacher-Model-Test-2023-Group2.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-306452042617083119Tue, 20 Feb 2024 10:06:00 +00002024-02-20T08:33:28.143-08:00Model TestPrimary School Teacher<style> body {font-family: sans-serif;} #start-button {font-weight: bold;font-size: 18px;padding: 30px 50px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 50px;display: block;margin-left: auto;margin-right: auto;} #start-button:hover {background-color: #003366;transform: scale(1.1);} #quiz-container {padding: 30px;} #blue-heading {line-height: normal;margin-top: 20px;color: #0056B2;font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 20px;} #black-heading {line-height: normal;margin-top: 20px;font-size: 12px;text-align: center;margin-bottom: 20px;} #top-line {width: 100%;position: relative;} .question-container {display: flex;flex-direction: column;margin-bottom: 20px;border: 2px solid #fbfbfb;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .question-text {color: #000;font-size: 16px;font-family: 'Arial', sans-serif;} .options-list {list-style-type: none;padding: 0 15px 0 15px!important;display: flex;flex-direction: column;margin: 0!important;} .options-list li {border: 2px solid #0056B2;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;padding: 10px 20px!important;list-style: none !important;} .options-list li:hover {background-color: #0056B2;color: #fff;transform: scale(1.05);} .options-list li.selected {background-color: #0056B2;color: #fff;} .timer-score {text-align: right;} .feedback-message {font-size: 18px;margin-top: 05px;color: #333;opacity: 0;transition: opacity 0.5s;text-align: center;font-weight: bold;} .feedback-message.correct {color: #4CAF50;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;} .reloading {display: flex;justify-content: flex-end;margin-top: 20px;} #reload-button {font-size: 18px;padding: 15px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} .answer-description-caption {font-size: 18px;font-weight: bold;color: #0056B2;text-align: left;} .answer-description {font-size: 16px;color: #333;margin-top: 5px;text-align: left;font-weight: bold;} .popup-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;} .popup {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);max-width: 600px;text-align: center;flex-direction: column;display: flex;font-size: 16px;font-weight: bold;} .view-answers-button {font-size: 18px;padding: 20px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 30px;} .view-answers-button:hover {background-color: #003366;transform: scale(1.1);} #timer {font-size: 24px;color: #0056B2;position: absolute;font-weight: bold;} #progress {background-color: #ddd;height: 20px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;display: none;} #progress-bar {margin: 40px 0 0 0;height: 100%;width: 0;border-radius: 10px;background-color: #008080;transition: width 0.3s ease;} #progress-bar-fill {height: 100%;width: 0;background-color:#008080; overflow: hidden;transition: width 0.3s ease;} #progress-bar-text {font-weight: bold;color: white;font-size: 16px;transition: opacity 0.3s ease;text-align: center; } span.frac {display: inline-block;text-align: center;vertical-align: middle;} span.frac > sup, span.frac > sub {display: block;font: inherit;padding: 0 0.3em;} span.frac > sup {border-bottom: 0.08em solid;} span.frac > span {display: none;} </style> <div id="quiz-container"> <div id="top-line"> <div class="timer-score" id="timer">Timer: 0 s</div> <div class="timer-score" id="score">Score: 0</div> </div> <h1 id="blue-heading">প্রাথমিক সহকারি শিক্ষক নিয়োগ পরিক্ষা ২০২৩<br />২য় গ্রুপ (রাজশাহী, খুলনা ও ময়মনসিংহ বিভাগ)</h1> <h6 id="black-heading">বি.দ্র. প্রতিটি প্রশ্নের মান ১। প্রতিটি ভুল উত্তরের জন্য ০.২৫ নম্বর কাটা যাবে।<br />সময়: ৬০ মিনিট<br />পূর্ণমান: ৭৫</h6> <button id="start-button" onclick="initGame()">Start Game</button> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="progress-bar"> <div id="progress-bar-fill"></div> <div id="progress-bar-text"></div> </div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div></div> <script> const colorData = [ { question: "If the price is low, demand _______", options: ["will be increased", "will increase", "is increased", "would be increased"], correctAnswer: "will increase", answered: false, description: "1st Conditional:<br/>নিয়মঃ If + simple present/present indefinite, Future indefinite.<br/>Example: If the price is low, demand will increase.<br/>অর্থাৎ, যদি দাম কম হয়, (তাহলে) চাহিদা বাড়বে।" }, { question: "2x = 3y + 5 হলে 4x - 6y = কত?", options: ["10", "15", "20", "12"], correctAnswer: "10", answered: false, description: "দেওয়া আছে, <br/>2x = 3y + 5<br/>= > 2x - 3y = 5<br/>= > 2(2x - 3y) = 5 x 2<br/>= > 4x - 6y = 10" }, { question: "৬ ফুট অন্তর বৃক্ষের চারা রোপণ করা হলে ১০০ গজ দীর্ঘ রাস্তায় সবোর্চ্চ কতগুলো চারা রোপণ করা যাবে?", options: ["৭", "৫০", "৫১", "৬০"], correctAnswer: "৫১", answered: false, description: "আমরা জানি,<br/>১ গজ = ৩ ফুট<br/>সুতরাং,<br/>১০০ গজ = (১০০ × ৩) ফুট বা ৩০০ ফুট।<br/>মোট বৃক্ষের চারা প্রয়োজন হবে,<br/>( ৩০০ ÷ ৬ )+ ১ ট ি= (৫০ + ১) টি = ৫১ টি।<br/>সুতরাং সর্বোচ্চ ৫১ টি চারা রোপণ করা যাবে।" }, { question: "’সকালে উঠিয়া আমি মনে মনে বলি, সারাদিন আমি যেন ভাল হয়ে চলি’ পঙতিটি কার?", options: ["মদনমোহন তর্কালংকার", "কালিপ্রসন্ন সিংহ", "ঈশ্বরচন্দ্র বিদ্যাসাগর", "অক্ষয়কুমার দত্ত"], correctAnswer: "মদনমোহন তর্কালংকার", answered: false, description: "’সকালে উঠিয়া আমি মনে মনে বলি, সারাদিন আমি যেন ভাল হয়ে চলি’ পঙতিটির দুটির রচিয়তা মদনমোহন তর্কালঙ্কার । কবিতার নাম 'আমার পণ' । ছাত্রাবস্থায় তিনি 'রসতরঙ্গিণী' , 'বাসবদত্তা' কাব্যগন্থ রচনা করেন। তার অন্যতম সাহিত্যকর্ম 'শিশুশিক্ষা' নামক শিশুতোষ কবিতা। তার অপর একটি সুপরিচিত ও জনপ্রিয় শিশুতোষ কবিতা হলো 'পাখি সব করে রব' রাতি পোহইল ' ।" }, { question: "There is _____milk in the bottle", options: ["very little", "small", "very few", "a little"], correctAnswer: "", answered: false, description: "Milk- uncountable noun (যা গননা করা যায় না)। uncountable Noun এ a llittle বসে।" }, { question: "ভৌগোলিক নির্দেশক (GI) পণ্য হিসেবে কবে বাংলাদেশের ইলিশ সনদপ্রাপ্ত হয়?", options: ["১৭ আগস্ট ২০১৭", "২৭ জানুয়ারি ২০১৯", "১৭ জুন ২০২১", "১৭ নভেম্বর ২০১৬"], correctAnswer: "১৭ আগস্ট ২০১৭", answered: false, description: "বর্তমানে জিআই পন্যের সংখ্যা ১৭ টি. সর্বশেষ সন্দেশ" }, { question: "এসডিজি (SDG) এর কোন অভীষ্টটি প্রাথমিক শিক্ষার সাথে সম্পর্কিত?", options: ["৪", "৫", "৬", "৭"], correctAnswer: "৪", answered: false, description: "টেকসই উন্নয়ন লক্ষ্যমাত্রা (SDGs) বা বৈশ্বিক লক্ষ্যগুলি হলো ১৭টি আন্তঃসংযুক্ত বৈশ্বিক লক্ষ্যগুলির একটি সংগ্রহ যা সকলের জন‍্য একটি ভালো এবং আরও টেকসই ভবিষ্যৎ অর্জনের পরিকল্পনা হিসাবে তৈরি করা হয়েছে। জাতিসংঘ লক্ষ্যগুলো প্রণয়ন করেছে এবং “টেকসই উন্নয়নের জন্য বৈশ্বিক লক্ষ্যমাত্রা” হিসেবে লক্ষ্যগুলোকে প্রচার করেছে। এসব লক্ষ্য সহস্রাব্দ উন্নয়ন লক্ষ্যমাত্রা - কে প্রতিস্থাপন করেছে, যা ২০১৫ সালের শেষ নাগাদ মেয়াদোত্তীর্ণ হয়ে গেছে। SDGs - এর মেয়াদ ২০১৬ থেকে ২০৩০ সাল। এতে মোট ১৭টি লক্ষ্যমাত্রা ও ১৬৯টি সুনির্দিষ্ট লক্ষ্য অন্তর্ভুক্ত রয়েছে ।<br/>১৭টি এসডিজি হলো: ১. দারিদ্র্য বিলোপ ; ২. ক্ষুধা মুক্তি ; ৩. সুস্বাস্থ্য ও কল্যাণ ; ৪. মানসম্মত শিক্ষা; ৫. লিঙ্গ সমতা ; ৬. নিরাপদ পানি ও পয়ঃনিষ্কাশন ; ৭. সাশ্রয়ী ও দূষণমুক্ত জ্বালানি ; ৮. শোভন কাজ ও অর্থনৈতিক প্রবৃদ্ধি ; ৯. শিল্প, উদ্ভাবন ও অবকাঠামো; ১০.অসমতার হ্রাস; ১১. টেকসই নগর ও জনপদ ; ১২. পরিমিত ভোগ ও উৎপাদন ; ১৩. জলবায়ু কার্যক্রম ; ১৪. জলজ জীবন ; ১৫. স্থলজ জীবন ; ১৬. শান্তি, ন্যায়বিচার ও কার্যকর প্রতিষ্ঠান ; ১৭. অভীষ্ট অর্জনে অংশীদারিত্ব৷" }, { question: "‘যার বংশ পরিচয় এবং স্বভাব কেউই জানে না’- বাক্যটির বাক্যসংকোচন নিচের কোনটি?", options: ["অজ্ঞাতকুলশীল", "বংশপরিচয়হীন", "কুলবংশহীন", "অজ্ঞাতকুলীন"], correctAnswer: "অজ্ঞাতকুলশীল", answered: false, description: "যার বংশ পরিচয় এবং স্বভাব কেউই জানে না’ - অজ্ঞাতকুলশীল" }, { question: "32 এর 2 ভিত্তিক লগারিদম কত?", options: ["৬", "৩", "৪", "৫"], correctAnswer: "৫", answered: false, description: "<math><msub><mi>log</mi><mn>2</mn></msub></math> 32 = <math><msub><mi>log</mi><mn>2</mn></msub></math> <math><msup><mi>2</mi><mn>5</mn></msup></math> = 5" }, { question: "What is an epic?", options: ["a novel", "a long poem", "a long prose composition", "a romance"], correctAnswer: "", answered: false, description: "An epic is a long poem, typically one derived from ancient oral tradition, narrating the deeds and adventures of heroic or legendary figures or the past history of a nation.<br/>একটি মহাকাব্য হল একটি দীর্ঘ কবিতা, সাধারণত একটি প্রাচীন মৌখিক ঐতিহ্য থেকে প্রাপ্ত, বীরত্বপূর্ণ বা কিংবদন্তী ব্যক্তিত্বের কাজ এবং সাহসিকতা বা একটি জাতির অতীত ইতিহাস বর্ণনা করে।" }, { question: "৪৮ সংখ্যাটি কোন সংখ্যার ৮০%?", options: ["৫০", "৬০", "৭০", "৮০"], correctAnswer: "৬০", answered: false, description: " x × ৮০% = ৪৮ <br/> x = (৪৮*১০০)/৮০ = ৬০" }, { question: "নিচের কোন বাক্যটি শুদ্ধ?", options: ["সূর্য পূর্বদিকে উদয়মান হয়", "সূর্য পূর্বদিকে উদিয়ামান হয়", "সূর্য পূর্বদিকে উদয় হয়", "সূর্য পূর্বদিকে উদিত হয়"], correctAnswer: "সূর্য পূর্বদিকে উদিত হয়", answered: false, description: "" }, { question: "০.০০০১ এর বর্গমূল কোনটি?", options: [".০১", "১", ".২", ".১"], correctAnswer: ".০১", answered: false, description: "অপশন থেকে আমরা খুব সহজেই সঠিক উত্তর বের করতে পারি।<br/>যেমন - ০.০১ x ০.০১ = ০.০০০১<br/>সুতরাং ০.০০০১ এর বর্গমূল ০.০১" }, { question: "‘কার্যে বিরতি’ অর্থে কোন বাগধারাটি প্রযোজ্য?", options: ["হাত করা", "হাত গুটান", "হাত থাকা", "হাত আসা"], correctAnswer: "হাত গুটান", answered: false, description: "" }, { question: "চার অংকের বৃহত্তম সংখ্যা হতে তিন অংকের ক্ষুদ্রতম সংখ্যা বিয়োগ করলে বিয়োগফল কত হবে?", options: ["৮৮৯৮", "৯৮৯৯", "৯৯৯৯", "৯১৯৯"], correctAnswer: "৯৮৯৯", answered: false, description: "চার অঙ্কের বৃহত্তম সংখ্যা বলতে ৯৯৯৯ কে বোঝানো হচ্ছে। একই সাথে তিন অঙ্কের বৃহত্তম সংখ্যা বলতে তিনটে ৯৯৯ কে বুঝতে পারি।<br/>চার অঙ্কের ক্ষুদ্রতম সংখ্যা বলতে ১০০০ কে বোঝানো হচ্ছে। একই সাথে তিন অঙ্কের ক্ষুদ্রতম সংখ্যা বলতে ১০০ কে বুঝতে পারি।<br/>তাহলে সমাধানটি হলো,<br/>চার অঙ্কের বৃহত্তম সংখ্যা - তিন অঙ্কের ক্ষুদ্রতম সংখ্যা<br/>৯৯৯৯ - ১০০ = ৯৮৯৯" }, { question: "৭ সেমি ব্যাসার্ধ বিশিষ্ট বৃত্তের অন্তর্নিহিত বর্গক্ষেত্রের ক্ষেত্রফল কত বর্গসেমি?", options: ["১৯৬", "৯৮", "৯৬", "১৯২"], correctAnswer: "", answered: false, description: "বৃত্তের ব্যাস হবে = (৭ + ৭) সে.মি. = ১৪ সে.মি.<br/>ধরি, বর্গক্ষেত্রের বাহুর দৈর্ঘ্য a সে.মি.<br/>আমরা জানি, বর্গের কর্ন = √২.a<br/><br/>বর্গটি বৃত্তের অন্তর্লিখিত হওয়ায়, <br/>বর্গের কর্ন = বৃত্তের ব্যাস<br/>= > √২.a = ১৪<br/>= > a = ১৪/√২ সে.মি.<br/>= > a² = (১৪/√২)²<br/>= > a² = ৯৮ ব.সে.মি.<br/>∴ বর্গক্ষেত্রের ক্ষেত্রফল হবে ৯৮ ব.সে.মি." }, { question: "পানিতে কোন রাসায়নিক উপাদানের আধিক্যে শ্যাওলা জন্মে?", options: ["সালফেট ও নাইট্রেট", "ফসফেট ও নাইট্রোজেন", "পটাশিয়াম ও ক্যালসিয়াম", "ম্যাগনেশিয়াম ও ফসফরাস"], correctAnswer: "ফসফেট ও নাইট্রোজেন", answered: false, description: "ফসফেট ও নাইট্রোজেন রাসায়নিক উপাদানের আধিক্যে পানিতে শ্যাওলা জন্মে।" }, { question: "‘আমার ঘরের চাবি পরের হাতে’ গানটির রচয়িতা কে?", options: ["লালন শাহ", "হাসন রাজা", "পাগলা কানন", "রাধারমণ দত্ত"], correctAnswer: "লালন শাহ", answered: false, description: "বাউলসাধক লালন সাঁই রচিত কয়েকটি জনপ্রিয় গান - 'আমার ঘরের চাবি পরের হাতে' , খাঁচার ভিতর অচিন পাখি' , 'বাড়ির কাছে আরশী নগর' 'আমার ঘরখানায় কে বিরাজ করে', 'সময় গেলে সাধন হবে না'।<br/>অন্যদিকে মরমি কবি হাসন রাজার কয়েকটি জনপ্রিয় গান - 'লোকে বলে বলেরে' বাউলা কে বানাইলো রে ', 'সোনা বন্ধে আমারে দেওয়ানা বানাইলো'। <br/>পাগলা কানাই ছিলেন প্রতিদ্বন্দ্বিমূলক ও আধ্যাত্মিক গানে পারদর্শী এবং রাধারমণ দত্ত হলেন ধামাইল গানের প্রবক্তা।" }, { question: "একটি ট্রেন ৭২ কিলোমিটার গতিতে একটি সেতু ১ মিনিটে পার হলো। ট্রেনের দৈর্ঘ্য ৭০০ মিটার হলে সেতুটির দৈর্ঘ্য কত মিটার?", options: ["৭২০", "১২০০", "৫০০", "৬০০"], correctAnswer: "৫০০", answered: false, description: "যেহেতু, ট্রেনের গতিবেগ ঘণ্টায় ৭২ কিমি<br/>অর্থাৎ (১০০০*৭২)মি = ৭২০০০ মি<br/>৬০ মিনিটে যায় ৭২০০০ মিটার<br/>অতএব ১ মিনিটে যায় (৭২০০০÷৬০)মিটার=১২০০ মিটার<br/>সুতরাং, সেতুটির দৈর্ঘ্য = ১,২০০ - ৭০০ মিটার = ৫০০ মিটার" }, { question: "কোন ক্ষুদ্রতম সংখ্যাকে ৩, ৫ ও ৬ দ্বারা ভাগ করলে ভাগশেষ হবে ১?", options: ["৩১", "৩৯", "৭১", "৪১"], correctAnswer: "৩১", answered: false, description: "৩, ৫ ও ৬ এর ল, সা, গু = ৩ x ১ x ৫ x ২ = ৩০ <br/> অতএব, নির্ণেয় ক্ষুদ্রতম সংখ্যা = ৩০ + ১ = ৩১" }, { question: "‘অনির্বচনীয়’ শব্দের অর্থ-", options: ["সুনিশ্চিত", "নির্বাচনযোগ্য নয়", "বর্ণনাতীত", "অনিশ্চিত"], correctAnswer: "বর্ণনাতীত", answered: false, description: "" }, { question: "‘অনুগমন’ শব্দের ব্যাসবাক্য নিচের কোনটি?", options: ["গমনের পশ্চাৎ", "গমনের অগ্র", "অনুরূপ গমন", "পরস্পর গমন"], correctAnswer: "গমনের পশ্চাৎ", answered: false, description: "‘অনুগমন’ শব্দের ব্যাসবাক্য - পশ্চাৎ গমন যা অব্যয়ীভাব সমাস ।" }, { question: "“To break the ice” means,", options: ["to end the hostility", "to end up partnership you", "to start quarreling", "to start a conversation"], correctAnswer: "to start a conversation", answered: false, description: "break the ice means - do or say something to relieve tension or get conversation going in a strained situation or when strangers meet." }, { question: "‘মেধাবী’ শব্দের প্রকৃতি-প্রত্যয় নিচের কোনটি?", options: ["মেধা+ বিন্‌", "মেধা +বি", "মেধা+বী", "মেধা+আবী"], correctAnswer: "মেধা+ বিন্‌", answered: false, description: "‘মেধাবী’ শব্দের প্রকৃতি - প্রত্যয় হল মেধা + বিন<br/>ধাতু বা ক্রিয়ার সাথে যে প্রত্যয় যুক্ত হয়, তাকে কৃৎ প্রত্যয় বলে।<br/>যেমন - রাঁধ + উনি = রাঁধুনি, ডুব + অন্ত = ডুবন্ত।<br/>শব্দের সঙ্গে (শেষে) যেসব প্রত্যয় যোগে নতুন শব্দ গঠিত হয়, তাদের তদ্ধিত প্রত্যয় বলে।<br/>যেমন - মেধা + বীন = মেধাবী, বর্ষ + ইক = বার্ষিক। ‘বিন’ ( - বী) প্রত্যয়টি ‘আছে’ অর্থে যুক্ত হয়। ‘বিন’ প্রত্যয়টি প্রথমার একবচনে পুংলিঙ্গ ‘বী’ স্ত্রীলিঙ্গে ‘বিনী’ এবং সমাসে পূর্বপদে হলে ‘বি’ হয়। যেমন - মেধাবী, মেধাবিনী, মায়াবী, মায়াবিনী ইত্যাদি।" }, { question: "খনার বচনে প্রাধান্য পেয়েছে -", options: ["শিল্প", "কৃষি", "সাহিত্য", "বিজ্ঞান"], correctAnswer: "", answered: false, description: "পুবে ধনু নিত্য ঝরাখনার বচনে প্রাধান্য পেয়েছে - কৃষি<br/>পুবে ধনু নিত্য ঝরা<br/>পচ্চিমে ধনু নিত্য খরা<br/>(খনার এ বচনে বলা হয়েছে, আষাঢ় - শ্রাবণ মাসে পুব আকাশে রংধনু দেখা দিলে বৃষ্টি হবে এবং পশ্চিমে দেখা গেলে খরা হবে।)" }, { question: "দুটি সংখ্যার অনুপাত ৫:৮। উভয়ের সাথে ২ যােগ করলে অনুপাতটি ২:৩ হয়। সংখ্যা দুটি কী কী?", options: ["১০ ও ২৪", "১০ ও ১৬", "৭ ও ১১", "১২ ও ১৮"], correctAnswer: "১০ ও ১৬", answered: false, description: "ধরি,<br/>সংখ্যা দুটি 5x ও 8x<br/>প্রশ্নমত,<br/>5x+2:8x+2=2:3<br/>5x+2/8x+2=2/3<br/>15x+6=16x+4<br/>6-4=16x-15x<br/>2=x<br/>X=2<br/>সংখ্যা দুটি 5×2=10, 8×2=16" }, { question: "ব্যবহারকারীর সংখ্যা বিবেচনায় বাংলা ভাষা বিশ্বের কততম প্রধান ভাষা?", options: ["ষষ্ঠ", "সপ্তম", "চতুর্থ", "পঞ্চম"], correctAnswer: "সপ্তম", answered: false, description: "ব্যবহারকারীর সংখ্যা বিবেচনায় বর্তমানে বাংলা ভাষা বিশ্বের ৬ষ্ঠ প্রধান ভাষা। <br/>বিশ্বের মোট জনসংখ্যার প্রায় ১৫ শতাংশ কথা বলেন এই ভাষায়। মাতৃভাষা হিসেবে ইংরেজির অবস্থান তৃতীয়। মাতৃভাষা হিসেবে বিশ্ব - ভাষা তালিকায় বাংলার অবস্থান পঞ্চম এবং বহুল ব্যবহৃত ভাষা হিসেবে এর অবস্থান সপ্তম। ইন্দো - ইউরোপীয় ভাষাগোষ্ঠীর অন্তর্ভুক্ত বাংলায় কথা বলেন ২২ কোটির বেশি মানুষ।" }, { question: "The correct spelling is ——–", options: ["Assignment", "Assignernent", "Asignment", "Asignmment"], correctAnswer: "Assignment", answered: false, description: "" }, { question: "কলকল রবে নদী বইছে। এখানে ‘কল কল’ কোন অব্যয়?", options: ["সমুচ্চয়ী", "অনুসর্গ", "অনস্বয়ী", "অনুকার"], correctAnswer: "অনুকার", answered: false, description: "কলকল রবে নদী বইছে। এখানে ‘কল কল’ অনুকার অব্যয়। <br/><br/>অনুকার অব্যয়<br/>যে সকল অব্যয় কোনো শব্দ বা ধ্বনির অনুকরণে গঠিত হয় তাদেরকে অনুকার অব্যয় বা ধ্বন্যাত্মক অব্যয় বলে।<br/>যেমন: শোঁ শোঁ (বাতাসের ধ্বনি), রুম্ঝুম্ (নূপুরের আওয়াজ), ঝম্ঝম (বৃষ্টির শব্দ), বৃষ্টি পড়ে টাপুর টুপুর, বজ্রের ধ্বনি কড়কড়, মেঘের গর্জন গুড়গুড় চকচক, ছমছম, টনটন, ছল্ ছল্, কল্ কল্, ঝম্ ঝম্, সিংহের গর্জন – গর গর, ঘোড়ার ডাক – চিহি চিহি, কোকিলের ডাক – কুহু কুহু, চুড়ির শব্দ – টুং টুং, ইত্যাদি।<br/>অনুভূতিমূলক অব্যয়ও অনুকার অব্যয়ের শ্রেণিভুক্ত। যেমন: ঝাঁ ঝাঁ, খাঁখাঁ ইত্যাদি।" }, { question: "“রূপ্‌সার ঘোলা জলে হয়তো কিশোর এক সাদা ছেঁড়া পালে ডিঙা বায়” কবিতার চরণে কবি কোন রূপসার কথা বলেছেন?", options: ["রূপসী ডিঙা", "রূপসী বাংলা", "রূপসা নদী", "গ্রামবাংলার নদী"], correctAnswer: "রূপসা নদী", answered: false, description: "পাতা:রুপসী বাংলা - জীবনানন্দ দাশ<br/><br/>আবার আসিব ফিরে ধানসিড়িটির তীরে—এই বাংলায়<br/>হয়তো মানুষ নয়—হয়তো বা শঙ্খচিল শালিখের বেশে;<br/>হয়তো ভোরের কাক হয়ে এই কার্তিকের নবান্নের দেশে<br/>কুয়াশার বুকে ভেসে একদিন আসিব এ কাঁঠাল - ছায়ায়;<br/>হয়তো বা হাঁস হ’ব—কিশোরীর—ঘুঙুর রহিবে লাল পায়,<br/>সারা দিন কেটে যাবে কলমীর গন্ধ ভরা জলে ভেসে ভেসে;<br/>আবার আসিব আমি বাংলার নদী মাঠ ক্ষেত ভালোবেসে<br/>জলাঙ্গীর ঢেউয়ে ভেজা বাংলার এ সবুজ করুণ ডাঙায়;<br/><br/>হয়তো দেখিবে চেয়ে সুদর্শন উড়িতেছে সন্ধ্যার বাতাসে;<br/>হয়তো শুনিবে এক লক্ষ্মীপেঁচা ডাকিতেছে শিমুলের ডালে;<br/>হয়তো খইয়ের ধান ছড়াতেছে শিশু এক উঠানের ঘাসে;<br/>রূপ্‌সার ঘোলা জলে হয়তো কিশোর এক শাদা ছেঁড়া পালে<br/>ডিঙা বায়;—রাঙা মেঘ সাঁতরায়ে অন্ধকারে আসিতেছে নীড়ে<br/>দেখিবে ধবল বক: আমারেই পাবে তুমি ইহাদের ভিড়ে–" }, { question: "x + y = 12 এবং x - y = 2 হলে xy এর মান কত?", options: ["৪৫", "৩০", "৪০", "৩৫"], correctAnswer: "35", answered: false, description: " xy = {(x+y)/2}^2 - {(x-y)/2}^2 <br/> = (১২/২)^২ - (২/২)^২ <br/> = ৬^২ -১^২ <br/> = ৩৬ - ১ <br/> = ৩৫ " }, { question: "", options: ["ভূবন", "শূণ্য", "ত্রিভুজ", "পূন্য"], correctAnswer: "ত্রিভুজ", answered: false, description: "প্রদত্ত অপশনে শুদ্ধ বানান ত্রিভুজ। শূণ্য, পূণ্য ও ভূবন বানান তিনটি অশুদ্ধ। এদের শুদ্ধরুপ যথাক্রমে √ শ্বন + য = শূন্য, √ পূ + উন্য = পুণ্য ও √ ভূ + অন = ভুবন । এই তিনটি শব্দই সংস্কুত কৃৎ প্রত্যয় যোগে গঠিত।" }, { question: "‘আবাহন’ শব্দের বিপরীত কোনটি?", options: ["আরোহন", "মিলন", "বিসর্জন", "স্নান"], correctAnswer: "বিসর্জন", answered: false, description: "আবাহন’ এর বিপরীত শব্দ - বিসর্জন" }, { question: "নিচের কোনটি বিদেশি শব্দ?", options: ["কান", "কাজ", "কাঁচি", "কলম"], correctAnswer: "", answered: false, description: "রাজনৈতিক, ধর্মীয়, সংস্কৃতিগত ও বাণিজ্যিক কারণে বাংলাদেশে আসা বিভিন্ন ভাষাভাষী মানুষের বহু শব্দ বাংলায় এসে স্থান করে নিয়েছে। এসব শব্দকে বলা হয় বিদেশি শব্দ। আরবি শব্দ : আদালত, আলেম, ইনসান, ঈদ, উকিল, ওজর, এজলাস, এলেম, কানুন, কলম, কিতাব, কেচ্ছা, খারিজ, গায়েব, দোয়াত, নগদ, বাকি, মহকুমা, মুন্সেফ, মোক্তার, রায় ইত্যাদি।" }, { question: "প্রথম ১০টি বিজোড় সংখ্যার যােগফল কত?", options: ["৮১", "১০০০", "১০৯", "১০০"], correctAnswer: "১০০", answered: false, description: "আমরা জানি,<br/>ক সংখ্যক ক্রমিক স্বাভাবিক বিজোড় সংখ্যার যোগফল = ক^২<br/>সুতরাং ১০টি ক্রমিক স্বাভাবিক বিজোড় সংখ্যার যোগফল = ১০^২ = ১০০<br/>উত্তরঃ ১০০" }, { question: "কোন অঞ্চলের ঘূর্ণিঝড়কে হ্যারিকেন নামে অভিহিত করা হয়?", options: ["মধ্যপ্রাচ্য", "দূরপ্রাচ্য", "আমেরিকা", "দক্ষিণ এশিয়া"], correctAnswer: "আমেরিকা", answered: false, description: "নিম্নচাপের কারণে সৃষ্ট ঘূর্ণিঝড় বিশেষ। সাধারণভাবে এই জাতীয় ঘূর্ণিঝড়কে সাধারণভাবে বলা হয় সাইক্লোন (Cyclone)। গ্রিক kyklos শব্দের অর্থ হলো বৃ্ত্ত। এই শব্দটি থেকে উৎপন্ন শব্দ হলো kykloun। এর অর্থ হলো - আবর্তিত হওয়া। এই শব্দটি পরিবর্তিত হয়ে তৈরি হয়েছে kyklōma । এই শব্দের অর্থ হলো - চক্র বা কুণ্ডলিত। ১৮৪৮ খ্রিষ্টাব্দে ব্রিটিশ - ভারতীয় আবহাওয়াবিদ হেনরী পিডিংটন তাঁর সামুদ্রিক দুর্যোগ বিষয়ক গ্রন্থ, The Sailor's Horn - book for the Law of Storms - এতে Cyclone শব্দটি প্রথম ব্যবহার করেন। উল্লেখ্য বাংলায় সাইক্লোন শব্দটি গৃহীত হয়েছে ইংরেজি থেকে।<br/>আটলান্টিক ও প্রশান্ত মহাসাগরের উপকূলীয় অঞ্চলের তীব্র ঘূর্ণিঝড়কে হারিকেন নামে চিহ্নিত করা হয়। এই মহাসাগর দুটিতে উৎপন্ন ঘূর্ণিঝড় - এর গতিবেগ যখন ঘণ্টায় ১১৭ কি.মি. - এর বেশি হয়, তখন এই ঝড়কে হারিকেন নামে অভিহিত করা হয়। এই নামটি গ্রহণ করা হয়েছে− আমেরিকার মায়া - সংস্কৃতিতে বর্ণিত দেবতা হুরাকান - এর নামানুসারে। উল্লেখ্য, মায়া পৌরাণিক কাহিনীতে হুরাকান হলো ঝড়ের দেবতা। <br/>আঞ্চলিকতার বিচারে হারিকেনকে দুটি ভাগে ভাগ করা হয়। এই ভাগ ২টি হলো− আটলান্টিক মহাসাগরীয় হারিকেন এবং প্রশান্ত মহাসাগরীয় হারিকেন।<br/>আটলান্টিক মহাসাগরীয় হারিকেন : আমেরিকা মহাদেশ সংলগ্ন আটলান্টিক মহাসাগরে উৎপন্ন হারিকেন।" }, { question: "জাতিসংঘ ঘোষিত বিশ্ব অটিস্টিক সচেতনতা দিবস পালিত হয়?", options: ["৪ মে", "২ এপ্রিল", "৪ এপ্রিল", "২ মে"], correctAnswer: "২ এপ্রিল", answered: false, description: "" }, { question: "Agomoni School is one of the best ____ in the city.", options: ["school", "schools", "of It", "high school"], correctAnswer: "schools", answered: false, description: "one of the best এর পরে Noun সর্বদা বহুবচন হয়। <br/>তাই সঠিক উত্তর হবে -<br/> Agomoni School is one of the best schools in the city." }, { question: "কত তারিখে শেখ মুজিবুর রহমানকে বঙ্গবন্ধু উপাধি দেয়া হয়?", options: ["২২ জানুয়ারি ১৯৬৯", "২৩ ফেব্রুয়ারি ১৯৬৯", "১৭ জানুয়ারি ১৯৬৮", "৫ জানুয়ারি ১৯৬৯"], correctAnswer: "২৩ ফেব্রুয়ারি ১৯৬৯", answered: false, description: "" }, { question: "The Principal will —– the answer scripts.", options: ["look into", "look over", "look for", "look at"], correctAnswer: "look over", answered: false, description: "Look over হল transitive verb । যার অর্থ - to inspect or examine especially in a cursory way.<br/>সঠিক উত্তর - The Principal will look over the answer scripts." }, { question: "বীরশ্রেষ্ঠ মুন্সী আবদুর রউফ এর সমাধিস্থল কোন জেলায়?", options: ["রাঙ্গামাটি", "খাগড়াছড়ি", "চট্টগ্রাম", "ফরিদপুর"], correctAnswer: "রাঙ্গামাটি", answered: false, description: "বীরশ্রেষ্ঠ মুন্সী আবদুর রউফ এর সমাধিস্থল - রাঙ্গামাটি<br/><br/>মুন্সি আব্দুর রউফ (৮ মে ১৯৪৩ - ২০ এপ্রিল ১৯৭১) বাংলাদেশের স্বাধীনতা যুদ্ধে অংশগ্রহণকারী একজন শহীদ মুক্তিযোদ্ধা। বাংলাদেশের মহান মুক্তিযুদ্ধে চরম সাহসিকতা আর অসামান্য বীরত্বের স্বীকৃতিস্বরূপ যে সাতজন বীরকে বাংলাদেশের সর্বোচ্চ সামরিক সম্মান “বীর শ্রেষ্ঠ” উপাধিতে ভূষিত করা হয় তিনি তাঁদের অন্যতম। তিনি ১৯৬৩ সালের ৮ মে পূর্ব পাকিস্তান রাইফেলসে যোগদান করেন এবং মুক্তিযুদ্ধের সময়ে তিনি নিয়মিত পদাতিক সৈন্য হিসেবে কর্মরত ছিলেন। পার্বত্য চট্টগ্রামের বুড়িঘাট গ্রামে পাকিস্তানি হানাদার বাহিনীর সঙ্গে সম্মুখ সমরে ১৯৭১ সালের ৮ এপ্রিল (মতান্তরে ২০ এপ্রিল) তিনি মর্টার শেলের আঘাতে শহীদ হন। তাঁকে রাঙামাটি জেলার নানিয়ারচর উপজেলার বুড়িঘাটে একটি টিলার ওপর সমাহিত করা হয়।" }, { question: "বুদ্ধাঙ্ক (IQ) এর পরিমাপ অনুযায়ী প্রতিভাবানদের বুদ্ধাঙ্ক মাত্রা-", options: ["IQ>90", "IQ>100", "IQ>130", "IQ>150"], correctAnswer: "IQ>130", answered: false, description: "বুদ্ধ্যঙ্ক<br/>বুদ্ধ্যঙ্ক বা আইকিউ (ইংরেজি: Intelligence quotient বা IQ), বুদ্ধিমত্তা মূল্যায়ন করতে পরিকল্পিত বিভিন্ন প্রমিত পরীক্ষার একসঙ্গে প্রাপ্ত ফলাফল। ইংরেজি আইকিউ শব্দটি মূলত মনোবিজ্ঞানী উইলিয়াম স্টার্ন কর্তৃক উদ্ভাবিত জার্মান শব্দ Intelligenz - Quotient থেকে নেয়া হয়েছে।" }, { question: "‘অহরহ’ শব্দের সন্ধি বিচ্ছেদ -", options: ["অহ+রহঃ", "অহ+অহঃ", "অহঃ+অহ", "অহঃ+রহ"], correctAnswer: "অহঃ+অহ", answered: false, description: "”অহরহ” শব্দের সন্ধি বিচ্ছেদ অহঃ + অহ।<br/>অহঃ + অহ = অহরহ একটি বিশেষ বিসর্গ সন্ধি।<br/>এরকম কয়েকটি উদাহরণ হল বাচঃ + পতি = বাচস্পতি, ভাঃ + কর = ভাস্কর ইত্যাদি।" }, { question: "I look forward to", options: ["have heard from you soon", "see you soon.", "hear for you soon.", "hearing from you soon"], correctAnswer: "hearing from you soon", answered: false, description: "I look forward to hearing from you soon <br/> With a view to, look forward to, accustomed to, addicted to, be/get used to ইত্যাদি phrase গুলোর পর সর্বদা মূল verb - এর সাথে ing যুক্ত হয়।" }, { question: "I water the plants. The word 'water' is used as-", options: ["Verb", "Adverb", "Noun", "Pronoun"], correctAnswer: "Verb", answered: false, description: "" }, { question: "Are you doing anything special – the weekend?", options: ["by", "in", "at", "on"], correctAnswer: "at", answered: false, description: "Are you doing anything special at the weekend?<br/>Week, month and year এর শেষ বুঝাতে এদের পূর্বে at ব্যবহৃত হয়।" }, { question: "৮, ১১, ১৭, ২৯, ৫৩, —- পরবর্তী সংখ্যাটি কত?", options: ["৫৯", "১০১", "৭৫", "১০২"], correctAnswer: "১০১", answered: false, description: "৮<br/>৮ + ৩ = ১১<br/>১১ + ৬ = ১৭<br/>১৭ + ১২ = ২৯<br/>২৯ + ২৪ = ৫৩<br/>৫৩ + ৪৮ = ১০১<br/>২ গুন করে বাড়ছে এবং যোগ হয়ছে" }, { question: "একটি বর্গাকার বাগানের ক্ষেত্রফল ১ হেক্টর হলে বাগানটির পরিসীমা কত?", options: ["২০০ মিটার", "৫০০ মিটার", "৪০০ মিটার", "৩০০ মিটার"], correctAnswer: "৪০০ মিটার", answered: false, description: "ধরি, বাগানের দৈর্ঘ্য a মিটার<br/>ক্ষেত্রফল a² বর্গমিটার<br/>প্রশ্নমতে, a² = ১০০০০ [ ১ হেক্টর = ১০০০০ বর্গমিটার ]<br/>= > x = √(১০০০০)<br/>∴ x = ১০০<br/>বাগানের পরিসীমা ৪x মিটার<br/>= (৪ × ১০০)<br/>= ৪০০ মিটার" }, { question: "‘Once in a blue moon’ means-", options: ["hourly", "always", "very rarely", "nearly"], correctAnswer: "very rarely", answered: false, description: "Once in a blue moon: This poetic phrase refers to something extremely rare in occurrence. A blue moon is the term commonly used for a second full moon that occasionally appears in a single month of our solar - based calendars." }, { question: "‘মাতৃভাষায় যাহার ভক্তি নাই সে মানুষ নহে’- উক্তিটি কার?", options: ["মুনীর চৌধরী", "হুমায়ন আজাদ", "মীর মশাররফ হোসেন", "স্বর্ণকুমারী দেবী"], correctAnswer: "মীর মশাররফ হোসেন", answered: false, description: "ঔপন্যাসিক, প্রাবন্ধিক ও নাট্যকার মীর মশাররফ হোসেনের বিখ্যাত উক্তি - 'মাতৃভাষায় যাহার ভক্তি নাই যে মানুষ নহে।' মাতৃভাষা সম্পর্কে রবীন্দ্রনাথ ঠাকুরের বিখ্যাত উক্তি 'শিক্ষায় মাতৃভাষাই মাতৃদুগ্ধ।' মাতৃভাষা প্রসঙ্গে সতেরো শতেকের কবি আবদুল হাকিমের বিখ্যাত পঙক্তি - 'যে সবে বঙ্গেতে জন্মি হিংসে বঙ্গবাণী সেসব কাহার জন্ম নির্ণয় ন জানি।'" }, { question: "BIMSTEC এর সদর দপ্তর কোথায় অবস্থিত?", options: ["ব্যাংকক", "থিম্পু", "ঢাকা", "দিল্লী"], correctAnswer: "ঢাকা", answered: false, description: "অর্থণৈতিক সম্ভাবনাময় ক্ষেত্রগুলো থেকে পূর্ণ সুবিধা ভোগ করার লক্ষ্যে ১৯৯৭ সালের ৬ জুন গঠিত হয়। বিমস্টেক নামের অর্থনৈতিক সংস্থাটি । শুরুতে বিমসটেকের ( BIMSTEC) পূর্ণরুপ Bangladesh, India, Myanmar , Sri Lanika, Thailand , Economic Co - operation থাকলেও বর্তমানে এর পূর্ণরুপ হলো Bay of Bengal Initiative for Multi - Sectoral Technical and Economic Co - operation. বিমসটেকের বর্তমান সদস্য রাষ্ট্র হলো ৭টি। প্রতিষ্ঠার শুরুতে এটির সদর দপ্তর না থাকলেও ২০১৪ সালে ঢাকায় এর সদর দপ্তর স্থাপতি হয়। আরো কয়েকটি আন্তর্জাতিক সংস্থা সিরডাপ, আইসিডিডিআরবি, আন্তর্জাতিক পাট গবেষণা ইনস্টিটিউট এর সদর দপ্তর ঢাকায় অবস্থিত।" }, { question: "টর্নেডো শব্দটি এসেছে-", options: ["Toonida", "Tunioda", "Tonada", "Tornada"], correctAnswer: "Tornada", answered: false, description: "মূলতঃ কিউমুলোনিম্বাস (ক্ষেত্রবিশেষে কিউমুলাস) মেঘ থেকে ঝুলন্ত অবস্থায় ফানেল বা হাতির শুঁড়ের মত বায়ুস্তম্ভের আকারে সৃষ্ট ভূপৃষ্ঠের উপরে প্রচন্ডবেগে ঘূর্ণায়মান চলনশীল ঝড়কে টর্নেডো (Tornedo) বলে । 'Tornedo' শব্দটি এসেছে স্প্যানিশ শব্দ 'Tornada' থেকে, যার অর্থ বজ্রসম্পন্ন ঝড় ।" }, { question: "একজন চাকুরিজীবীর বেতন ১৫% বৃদ্ধি পেয়ে ৫৭৫০ টাকা হলে পূর্বের বেতন কত টাকা ছিল?", options: ["৫৫৫০", "৪৭৫০", "৫০০০", "৫২৫০"], correctAnswer: "৫০০০", answered: false, description: "১৫% বৃদ্ধিতে, বর্তমান বেতন = (১০০ + ১৫)টাকা = ১১৫ টাকা<br/>বর্তমান বেতন ১১৫ টাকা হলে পূর্বের বেতন ১০০ টাকা<br/>অতএব বর্তমান বেতন ১ টাকা হলে পূর্বের বেতন = ১০০/১১৫ টাকা<br/>অতএব বর্তমান বেতন ৫৭৫০ হলে পূর্বের বেতন = ১০০× ৫৭৫০/১১৫ টাকা = ৫০০০ টাকা" }, { question: "রহিম একটি পরীক্ষায় ইংরেজি ও গণিতে মোট ১৮০ নম্বর পেয়েছে। ইংরেজি অপেক্ষা গণিতে ১৪ নম্বর বেশি পেলে গণিতে কত পেয়েছে?", options: ["৯৭", "৮৩", "৮৭", "৯৩"], correctAnswer: "", answered: false, description: "ধরি, <br/>রহিম ইংরেজিতে নম্বর পেয়েছে = x<br/> সুতরাং গণিতে নম্বর পেয়েছে = x + 14 <br/>মোট নম্বর = 180<br/>= > x + x + 14 = 180<br/>= > 2x = 180 - 14<br/>= > 2x = 166<br/>= > x = 83 <br/>∴ সুতরাং গণিতে নম্বর পেয়েছে = x + 14 = 83 + 14 = 97" }, { question: "He came to Dhaka with a view to — a new place.", options: ["watch", "Look", "visit", "visiting"], correctAnswer: "visiting", answered: false, description: "He came to Dhaka with a view to visiting a new place. <br/> With a view to, look forward to, accustomed to, addicted to, be/get used to ইত্যাদি phrase গুলোর পর সর্বদা মূল verb - এর সাথে ing যুক্ত হয়।" }, { question: "০৪ থেকে ৮৪ পর্যন্ত ৪ দ্বারা বিভাজ্য সংখ্যাগুলোকে বড় হতে ছোট হিসেবে সাজালে ৮ম সংখ্যাটি কত হবে?", options: ["কোনটিই নয়", "৫৬", "৬০", "৩২"], correctAnswer: "৫৬", answered: false, description: "৪ থেকে ৮৪ পর্যন্ত ৪ দ্বারা বিভাজ্য সংখ্যাগুলোকে বড় হতে ছোট হিসেবে সাজালে ৮ম সংখ্যাটি কত হবে?<br/>৪ থেকে ৮৪ পর্যন্ত ৪ দ্বারা বিভাজ্য সংখ্যাগুলো বড় থেকে ছোট হিসেবে সাজালে ৮ম সংখ্যাটি হবে - ৫৬<br/>ব্যাখ্যা: ৮৪, ৮০, ৭৬, ৭২, ৬৮, ৬৪, ৬০, ৫৬(অষ্টম সংখ্যা), ৫২, ৪৮, ৪৪, ৪০, ৩৬, ৩২, ২৮, ২৪, ২০, ১৬, ১২, ৮, ৪" }, { question: "Which of the following is the correct sentence?", options: ["He has said which is right.", "What has he said is right.", "What he has said is right.", "He has said that what is right."], correctAnswer: "What he has said is right.", answered: false, description: "" }, { question: "“Leave no stone unturned” means", options: ["try every possible means", "heavy stone", "rare stone", "impossible"], correctAnswer: "try every possible means", answered: false, description: "“Leave no stone unturned” is an idiom that means to do everything possible to find something or to solve a problem." }, { question: "x>y এবং z<0 হলে নিচের কোনটি সঠিক?", options: ["<math><msup><mi>z</mi><mn>x</mn></msup></math> < <math><msup><mi>z</mi><mn>y</mn></msup></math>", "xz < yz", "xz > yz", "<math><msup><mi>x</mi><mn>z</mn></msup></math> > <math><msup><mi>y</mi><mn>z</mn></msup></math>"], correctAnswer: "xz < yz", answered: false, description: " x>y এবং z<0 অর্থাৎ z ঋণাত্মক সংখ্যা।<br/>ঋণাত্মক সংখ্যা দ্বারা অসমতাকে গুণ করা হলে<br/>তার চিহ্ন উল্টে যায়। <br/>∴ xz < yz অসমতাটি সঠিক।" }, { question: "Choose the correct spelling—-", options: ["Achievment", "Acheivment", "Achievement", "Achevement"], correctAnswer: "Achievement", answered: false, description: "" }, { question: "Remove শব্দটির Noun-", options: ["Remove", "Removal", "Re-movement", "Removing"], correctAnswer: "Removal", answered: false, description: "Remove শব্দটি একটি verb । শব্দটির এর সাথে al suffix যুক্ত হয়ে noun হয়েছে।" }, { question: "নিচের কোন গুচ্ছটি মাননীয় প্রধানমন্ত্রী শেখ হাসিনার দশটি উদ্যোগের অন্তর্ভুক্ত?", options: ["আশ্রয়ন ও শিক্ষা সহায়তা", "ত্রাণ ও পুনর্বাসন", "নিরাপদ খাদ্য ও স্বাস্থ্য সুরক্ষা", "মেট্রোরেল ও রূপপুর প্রকল্প"], correctAnswer: "আশ্রয়ন ও শিক্ষা সহায়তা", answered: false, description: "মাননীয় প্রধানমন্ত্রীর দশটি বিশেষ উদ্যোগ হলোঃ<br/>1. একটি বাড়ি এটি খামার<br/>2. আশ্রয়ণ প্রকল্প<br/>3. ডিজিটাল বাংলাদেশ <br/>4. শিক্ষা সহায়তা কর্মসূচি <br/>5. নারীর ক্ষমতায়ন<br/>6. ঘরের ঘরের বিদ্যুৎ<br/>7. কমিউনিটি ক্লিনিক ও মানসিক স্বাস্থ্য <br/>8. সামাজিক নিরাপত্তা কর্মসূচি <br/>9. বিনিয়োগ বিকাশ <br/>10.পরিবেশ সুরক্ষা।" }, { question: "If I ---- you, I would not have done this.", options: ["are", "was", "am", "were"], correctAnswer: "were", answered: false, description: "If I were you, I would not have done this Conditional sentence এর পরের অংশে যদি Future perfect tense থাকে তাহলে প্রথম অংশে Past indefinite tense হয়।" }, { question: "‘আমার দেখা নয়াচীন’ কে লিখেছেন?", options: ["শঙ্খ ঘোষ", "শেখ মুজিবুর রহমান", "শওকত আলী", "মমতাজউদ্দিন আহমেদ"], correctAnswer: "", answered: false, description: "'আমার দেখা নয়াচীন ' বঙ্গবন্ধু শেখ মুজিবুর রহমানের গণচীন ভ্রমণের অভিজ্ঞতার আলোকে লেখা একটি ডায়েরির পুস্তকি রূপ। এটি বঙ্গবন্ধু রচিত তৃতীয় গ্রন্থ। শেখ মুজিবের জন্মশতবার্ষিকীকে কেন্দ্র করে বাংলা একাডেমি ২০২০ সালে বইটি প্রকাশ করে।" }, { question: "কালবৈশাখীর ইংরেজি -", options: ["Dark Westerlies", "West Westerlies", "North Westerlies", "Black Westerlics"], correctAnswer: "North Westerlies", answered: false, description: "কাল বৈশাখী /noun/ northwester; nor'wester; north - wester; Nor' wester; Nor' westerly; /প্রতিশব্দ/ কালবৈশাখী;" }, { question: "‘প্রাণের বান্ধবরে বুড়ি হইলাম তোর কারণে’- গানটির গীতিকার-", options: ["শেখ ওয়াহিদ", "কিরণ রায়", "শাহ আব্দুল করিম", "কাঙ্গালিনী সুফিয়া"], correctAnswer: "শেখ ওয়াহিদ", answered: false, description: "" }, { question: "কাজী নজরুল ইসলামের রচিত গল্প কোনটি?", options: ["পদ্মাগোখরা", "পদ্মপুরাণ", "পদ্মাবর্তী", "পদ্মরাগ"], correctAnswer: "পদ্মাগোখরা", answered: false, description: "প্রশ্নোল্লিখিত গানটির গীতিকার শেখ ওয়াহিদুর রহমান। 'আমার মাটির গাছে লাউ ধরেছে' কাঙ্গালিনী সুফিয়ার বিখ্যাত 'পরানের বান্ধববে - বুড়ি হইলাম তোর কারণে' কিংবা ডলি সায়ন্তিনীর কণ্ঠে 'কোন বা পথে নিতাইগঞ্জ যাই'সহ অসংখ্য জনপ্রিয় লোকগীতির গীতিকার তিনি।" }, { question: "UNESCO কত সালে একুশে ফেব্রুয়ারি কে আন্তর্জাতিক মাত্রভাষা দিবস হিসেবে ঘোষণা করে?", options: ["১৯৯৭", "১৯৯৯", "২০০০", "২০০১"], correctAnswer: "১৯৯৯", answered: false, description: "১৯৯৯ সালের ১৭ নভেম্বর জাতিসংঘ কর্তৃক বাঙালির অমর একুশে ফেব্রুয়ারিকে আন্তর্জাতিক মাতৃভাষা দিবস ঘোষণা করা হলে আমাদের সেই চেতনাই বিশ্বে প্রসারিত হয়। জাতিসংঘের ঘোষণায় স্পষ্টভাবে বলা হয়েছে যে, এ দিবস '১৯৫২ সালের একুশে ফ্রেব্রুয়ারি মাতৃভাষার জন্য বাংলাদেশের মানুষের অভূতপূর্ব আত্মত্যাগের স্বীকৃতি'।" }, { question: "‘গৌরব’ শব্দের প্রকৃতি- প্রত্যয় নিচের কোনটি?", options: ["গৌর +অব", "গুরু+অব", "গুরু +ঞ্চ", "গুরু +ষ্ণ"], correctAnswer: "গুরু +ষ্ণ", answered: false, description: "" }, { question: "একটি আয়তক্ষেত্র ও একটি বর্গক্ষেত্রের পরিসীমা সমান । আবার আয়তক্ষেত্রের বড় বাহু ছোট বাহুর ৩ গুণ । বড় বাহু ২১ মিটার হলে বর্গক্ষেত্রের বাহুর দৈর্ঘ কত?", options: ["২১ মিটার", "৫৬ মিটার", "৭ মিটার", "১৪ মিটার"], correctAnswer: "১৪ মিটার", answered: false, description: "যেহেতু আয়তক্ষেত্রের বড় বাহুর দৈর্ঘ্য ২১ মিটার<br/>সুতরাং ছোট বাহুর দৈর্ঘ্য ২১ ÷ ৩ = ৭ মিটার<br/>অতএব বর্গের পরিসীমা = আয়তের পরিসীমা<br/> = ২ ( ৭ + ২১) মিটার = ৫৬ মিটার<br/>অতএব বর্গের এক বাহুর দৈর্ঘ্য = ৫৬ ÷ ৪ = ১৪ মিটার" }, { question: "Choose the correctly spelt word ----", options: ["Buro", "Beauro", "Bureau", "Burough"], correctAnswer: "Bureau", answered: false, description: "Bureau অর্থ ব্যুরো" }, { question: "টেকসই উন্নয়ন লক্ষ্যমাত্রা (SDG) তে অভীষ্ট কয়টি?", options: ["৩০", "১৭", "১৯", "২৩"], correctAnswer: "১৭", answered: false, description: "টেকসই উন্নয়ন লক্ষ্যমাত্রা (SDG) তে ১৭টি অভীষ্ট। <br/><br/>টেকসই উন্নয়ন লক্ষ্য (SDG) এর লক্ষ্যগুলো হলোঃ<br/>১. দারিদ্র্য নির্মূল;<br/>২. ক্ষুধামুক্তি;<br/>৩. সুস্বাস্থ্য;<br/>৪. মানসম্পন্ন শিক্ষা;<br/>৫. লিঙ্গ সমতা;<br/>৬. বিশুদ্ধ পানি ও পয়ঃনিষ্কাশন;<br/>৭. সাশ্রয়ী ও নবায়নযোগ্য জ্বালানি;<br/>৮. উপযুক্ত কাজ ও অর্থনৈতিক প্রবৃদ্ধি;<br/>৯. শিল্প, উদ্ভাবন ও অবকাঠামো;<br/>১০. বৈষম্য হ্রাস; ১১. টেকসই শহর ও জনগণ;<br/>১২. পরিমিত ভোগ;<br/>১৩. জলবায়ুবিষয়ক পদক্ষেপ;<br/>১৪. পানির নিচে প্রাণ;<br/>১৫. স্থলভাগের জীবন;<br/>১৬. শান্তি ও ন্যায়বিচার এবং<br/>১৭. লক্ষ্য অর্জনে অংশীদারত্ব।" }, { question: "বাঙালি জাতির মুক্তির সনদ ৬ দফার ২য় দফাটি নিচের কোনটির সাথে সম্পর্কিত?", options: ["বৈদেশিক বাণিজ্য", "মুদ্রা বা অর্থ", "রাজস্ব", "কেন্দ্রীয় সরকার"], correctAnswer: "কেন্দ্রীয় সরকার", answered: false, description: "১৯৬৬ সালের ছয় দফা দাবিসমূহ<br/><br/>প্রস্তাব - ১ : শাসনতান্ত্রিক কাঠামো ও রাষ্ট্রের প্রকৃতি:<br/>লাহোর প্রস্তাবের ভিত্তিতে সংবিধান রচনা করে পাকিস্তানকে একটি ফেডারেশনে পরিণত করতে হবে, যেখানে সংসদীয় পদ্ধতির সরকার থাকবে এবং প্রাপ্তবয়স্ক নাগরিকদের ভোটে নির্বাচিত আইন পরিষদ সার্বভৌম হবে;<br/><br/>প্রস্তাব - ২ : কেন্দ্রীয় সরকারের ক্ষমতা:<br/>কেন্দ্রীয় (ফেডারেল) সরকারের ক্ষমতা কেবল মাত্র দু'টি ক্ষেত্রেই সীমাবদ্ধ থাকবে - যথা, দেশরক্ষা ও বৈদেশিক নীতি। অবশিষ্ট সকল বিষয়ে অঙ্গ - রাষ্ট্রগুলির ক্ষমতা থাকবে নিরঙ্কুশ।<br/><br/>প্রস্তাব - ৩ : মুদ্রা বা অর্থ - সম্বন্ধীয় ক্ষমতা:<br/>মুদ্রার ব্যাপারে নিম্নলিখিত দু'টির যে কোন একটি প্রস্তাব গ্রহণ করা চলতে পারেঃ -<br/>(ক) সমগ্র দেশের জন্যে দু'টি পৃথক, অথচ অবাধে বিনিময়যোগ্য মুদ্রা চালু থাকবে।<br/>অথবা<br/>(খ) বর্তমান নিয়মে সমগ্র দেশের জন্যে কেবল মাত্র একটি মুদ্রাই চালু থাকতে পারে। তবে সেক্ষেত্রে শাসনতন্ত্রে এমন ফলপ্রসূ ব্যবস্থা রাখতে হবে যাতে করে পূর্ব - পাকিস্তান থেকে পশ্চিম পাকিস্তানে মূলধন পাচারের পথ বন্ধ হয়। এক্ষেত্রে পূর্ব পাকিস্তানের জন্য পৃথক ব্যাংকিং রিজার্ভেরও পত্তন করতে হবে এবং পূর্ব পাকিস্তানের জন্য পৃথক আর্থিক বা অর্থবিষয়ক নীতি প্রবর্তন করতে হবে।<br/><br/>প্রস্তাব - ৪ : রাজস্ব, কর, বা শুল্ক সম্বন্ধীয় ক্ষমতা:<br/>ফেডারেশনের অঙ্গরাজ্যগুলির কর বা শুল্ক ধার্যের ব্যাপারে সার্বভৌম ক্ষমতা থাকবে। কেন্দ্রীয় সরকারের কোনরূপ কর ধার্যের ক্ষমতা থাকবে না। তবে প্রয়োজনীয় ব্যয় নির্বাহের জন্য অঙ্গ - রাষ্ট্রীয় রাজস্বের একটি অংশ কেন্দ্রীয় সরকারের প্রাপ্য হবে। অঙ্গরাষ্ট্রগুলির সবরকমের করের শতকরা একই হারে আদায়কৃত অংশ নিয়ে কেন্দ্রীয় সরকারের তহবিল গঠিত হবে।<br/><br/>প্রস্তাব - ৫ : বৈদেশিক বাণিজ্য বিষয়ক ক্ষমতা:<br/>(ক) ফেডারেশনভুক্ত প্রতিটি রাজ্যের বহির্বাণিজ্যের পৃথক পৃথক হিসাব রক্ষা করতে হবে।<br/>(খ) বহির্বাণিজ্যের মাধ্যমে অর্জিত বৈদেশিক মুদ্রা অঙ্গরাজ্যগুলির এখতিয়ারাধীন থাকবে।<br/>(গ) কেন্দ্রের জন্য প্রয়োজনীয় বৈদেশিক মুদ্রার চাহিদা সমান হারে অথবা সর্বসম্মত কোন হারে অঙ্গরাষ্ট্রগুলিই মিটাবে।<br/>(ঘ) অঙ্গ - রাষ্ট্রগুলির মধ্যে দেশজ দ্রব্য চলাচলের ক্ষেত্রে শুল্ক বা করজাতীয় কোন রকম বাধা - নিষেধ থাকবে না।<br/>(ঙ) শাসনতন্ত্রে অঙ্গরাষ্ট্রগুলিকে বিদেশে নিজ নিজ বাণিজ্যিক প্রতিনিধি প্রেরণ এবং স্ব - স্বার্থে বাণিজ্যিক চুক্তি সম্পাদনের ক্ষমতা দিতে হবে।<br/><br/>প্রস্তাব - ৬ : আঞ্চলিক সেনাবাহিনী গঠনের ক্ষমতা:<br/>আঞ্চলিক সংহতি ও শাসনতন্ত্র রক্ষার জন্য শাসনতন্ত্রে অঙ্গ - রাষ্ট্রগুলিকে স্বীয় কর্তৃত্বাধীনে আধা সামরিক বা আঞ্চলিক সেনাবাহিনী গঠন ও রাখার ক্ষমতা দিতে হবে।" }, { question: "বাংলাদেশে বর্তমানে কততম পঞ্চবার্ষিক পরিকল্পনা বাস্তবায়নাধীন?", options: ["ষষ্ঠ", "সপ্তম", "অষ্টম", "নবম"], correctAnswer: "অষ্টম", answered: false, description: "অষ্টম পঞ্চবার্ষিক পরিকল্পনার খসড়ায় বলা হয়েছে, ২০২৫ সালের মধ্যে রাজস্ব আদায়ের হার মোট জিডিপির ১৪ শতাংশে উন্নীত করা হবে। যেটি বর্তমানে জিডিপির ১০ শতাংশের ঘরে রয়েছে। অষ্টম পঞ্চবার্ষিক পরিকল্পনার প্রতিপাদ্য নির্ধারণ করা হয়েছে 'সকলের সাথে সমৃদ্ধির পথে'।" }, { question: "নিচের কোন জেলাগুচ্ছ সুন্দরবন সংলগ্ন", options: ["পিরোজপুর, মাদারীপুর ও বাগেরহাট", "সাতক্ষীরা, বাগেরহাট ও খুলনা", "বাগেরহাট, নড়াইল ও ঝিনাইদহ", "বরিশাল, খুলনা ও সাতক্ষীরা"], correctAnswer: "সাতক্ষীরা, বাগেরহাট ও খুলনা", answered: false, description: "সুন্দরবন হলো বঙ্গোপসাগর উপকূলবর্তী অঞ্চলে অবস্থিত একটি প্রশস্ত বনভূমি যা বিশ্বের প্রাকৃতিক বিস্ময়াবলির অন্যতম। পদ্মা, মেঘনা ও ব্রহ্মপুত্র নদীত্রয়ের অববাহিকার বদ্বীপ এলাকায় অবস্থিত এই অপরূপ বনভূমি বাংলাদেশের খুলনা, সাতক্ষীরা, বাগেরহাট, পটুয়াখালী ও বরগুনা জেলা এবং ভারতের পশ্চিমবঙ্গ রাজ্যের দুই জেলা উত্তর চব্বিশ পরগনা ও দক্ষিণ চব্বিশ পরগনা জুড়ে বিস্তৃত। সমুদ্র উপকূলবর্তী নোনা পরিবেশের সবচেয়ে বড় ম্যানগ্রোভ বন হিসেবে সুন্দরবন বিশ্বের সর্ববৃহৎ অখণ্ড বনভূমি। ১০,০০০ বর্গ কিলোমিটার জুড়ে গড়ে ওঠা সুন্দরবনের ৬,০১৭ বর্গ কিলোমিটার (৬২%) রয়েছে বাংলাদেশে এবং বাকি অংশ (৩৮%) রয়েছে ভারতের মধ্যে।" }, { question: "জাতীয় প্রাথমিক শিক্ষা সপ্তাহ কত সালে প্রবর্তন করা হয়?", options: ["২০১৩", "২০১০", "২০১১", "২০১২"], correctAnswer: "২০১১", answered: false, description: "‘চলো, সবাই স্কুলে যাই’ এই প্রতিপাদ্য নিয়ে ৯ জানুয়ারি ২০১১ থেকে শুরু হয়েছে ‘জাতীয় প্রাথমিক শিক্ষা সপ্তাহ - ২০১১’<br/>মানব সম্পদ উন্নয়ন এবং মনুষ্যত্ব বিকাশে শিক্ষার কোন বিকল্প নাই। আর প্রাথমিক শিক্ষাই হচ্ছে সকল শিক্ষার মূল ভিত্তি।এ উপলব্ধি থেকেই “চলো, সবাই স্কুলে যাই” এই প্রতিপাদ্য নিয়ে মানসম্মত প্রাথমিক শিক্ষা নিশ্চিত করা ও প্রাথমিক শিক্ষা সম্পর্কে সচেতনতা বৃদ্ধির লক্ষ্যকে সামনে রেখে ৯ জানুয়ারি ২০১১ থেকে শুরু হয়েছে 'জাতীয় প্রাথমিক শিক্ষা সপ্তাহ - ২০১১।' " }, { question: "Change the voice: “Where did you see him?”", options: ["Where he was seen by you?", "Where was he seen by you?", "Where did he seen by you?", "Where was he see by you?"], correctAnswer: "Where was he seen by you?", answered: false, description: "প্রশ্নে উল্লেখিত বাক্যটি একটি প্রশ্নবোধক বাক্য । যার passive structure হলো - <br/> WH + be verb + object এর subject form + vpp + preposition + subject এর object form.<br/>তাই, 'Where did you see him?' এর সঠিক passive form হবে -<br/>Where was he seen by you?" }, { question: "প্রধান বিচারপতি নিয়োগ দেন কে?", options: ["স্পিকার", "জাতীয় সংসদ", "রাষ্ট্রপতি", "প্রধানমন্ত্রী"], correctAnswer: "রাষ্ট্রপতি", answered: false, description: "বাংলাদেশের প্রধান বিচারপতি নিয়োগ দেন কে? বর্ণনাঃ বাংলাদেশের সংবিধানের ৯৫(১) অনুচ্ছেদে বলা হয়েছে - 'প্রধান বিচারপতি রাষ্ট্রপতি কর্তৃক নিযুক্ত হইবেন এবং প্রধান বিচার পতির সহিত পরামর্শ করিয়া রাষ্ট্রপতি অন্যান্য বিচারককে নিয়োগদান করিবেন।" }, { question: "Learn the poem ____ heart", options: ["by", "within", "in", "with"], correctAnswer: "by", answered: false, description: "Learn something by heart (মুখস্ত করা ) একটি idiomatic expression । <br/>তাই সঠিক উত্তর হবে Learn the poem by heart" }, { question: "নিচের কোনটি মৌলিক সংখ্যা?", options: ["৯", "৮", "৪", "২"], correctAnswer: "২", answered: false, description: "১ থেকে বড় যে সংখ্যাটি ১ ও ঐ সংখ্যা ব্যতীত অন্য কোনো সংখ্যা দ্বারা বিভাজ্য নয় সেই সংখ্যাটিকে মৌলিক সংখ্যা বলে।<br/>প্রশ্নের অপশনে,<br/>৯ সংখ্যাটি ৩ দ্বারা বিভাজ্য। <br/>৮ সংখ্যাটি ২ ও ৪ দ্বারা বিভাজ্য। <br/>৪ সংখ্যাটি ২ দ্বারা বিভাজ্য। <br/>তাই সঠিক উত্তরঃ ২ মৌলিক সংখ্যা। " }, ]; let currentColorIndex = 0; let score = 0; let quizCompleted = false; let timeLeft = 60; let quizStartTime; document.getElementById('progress-bar').style.display = 'block'; function startQuiz() { document.querySelector('.container').style.display = 'block'; const progressBar = document.getElementById('progress-bar'); if (progressBar) { progressBar.style.display = 'block'; } document.querySelector('.reloading').style.display = 'flex'; initGame();} function initGame() { document.getElementById('start-button').style.display = 'none'; quizStartTime = new Date(); displayQuestions(); startTimer(); updateScore();} function displayQuestions() { const container = document.getElementById("game-container"); container.innerHTML = ""; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement("div"); questionContainer.className = "question-container"; const questionText = document.createElement("div"); questionText.className = "question-text"; questionText.innerHTML = `${i + 1}. ${question}`; const optionsList = document.createElement("ul"); optionsList.className = "options-list"; options.forEach((option, index) => { const optionItem = document.createElement("li"); optionItem.innerHTML = option; optionItem.onclick = function () { checkMatch(option, i, optionItem); }; optionsList.appendChild(optionItem);}); const feedbackMessage = document.createElement("div"); feedbackMessage.className = "feedback-message"; questionContainer.appendChild(questionText); questionContainer.appendChild(optionsList); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer);} updateProgress();} function checkMatch(userAnswer, index, selectedOption) { if (quizCompleted || colorData[index].answered) { return;} const feedbackMessage = document.querySelectorAll(".feedback-message")[index]; if (userAnswer === colorData[index].correctAnswer) { showMessage(feedbackMessage, "Correct Answer", "green"); score++; } else { showMessage(feedbackMessage, "Incorrect Answer", "red");} colorData[index].answered = true; selectedOption.classList.add("selected"); const allAnswered = colorData.every(question => question.answered); if (allAnswered) { quizCompleted = true; updateProgress(); showPopup(`Quiz completed! Your final score is: ${score}`); } else { updateProgress(index);} updateScore();} function updateProgress() { const progressElement = document.getElementById('progress-bar'); const answeredQuestions = colorData.filter(question => question.answered).length; const totalQuestions = colorData.length; const progressPercentage = Math.round((answeredQuestions / totalQuestions) * 100); progressElement.style.width = `${progressPercentage}%`; const progressTextElement = document.getElementById('progress-bar-text'); if (progressPercentage > 0) { progressTextElement.innerHTML = `${progressPercentage}%`;} else { progressTextElement.innerHTML = '';} if (answeredQuestions === totalQuestions) { showPopup(`Quiz completed! Your final score is: ${score}`);}} function showMessage(element, message, color) { element.innerHTML = message; element.style.color = color; element.classList.add('show');} function showPopup(message) { const quizEndTime = new Date(); const timeSpent = Math.floor((quizEndTime - quizStartTime) / 1000); const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerHTML = `${message} <br> Time Spent: ${timeSpent} s`; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerHTML = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton);} popupContainer.appendChild(popup); document.body.appendChild(popupContainer);} function showAnswers() { const popupContainers = document.querySelectorAll('.popup-container'); popupContainers.forEach(container => container.parentNode.removeChild(container)); for (let i = 0; i < colorData.length; i++) { const { correctAnswer, description } = colorData[i]; const optionsList = document.querySelectorAll('.options-list')[i]; const existingDescriptionCaption = optionsList.querySelector('.answer-description-caption'); const existingDescription = optionsList.querySelector('.answer-description'); if (!existingDescriptionCaption && !existingDescription) { optionsList.childNodes.forEach((optionItem, index) => { var result = optionItem.innerHTML; const captionElement2 = document.createElement('div'); captionElement2.innerHTML = correctAnswer; var correct= captionElement2.innerHTML; console.log(result); console.log(captionElement2.innerHTML); if (optionItem.innerHTML === correct) { optionItem.style.fontWeight = 'bold'; optionItem.style.color = 'white'; optionItem.style.background = '#008080'; const captionElement = document.createElement('div'); captionElement.className = 'answer-description-caption'; captionElement.innerHTML = 'Answer Description:'; optionsList.appendChild(captionElement); const descriptionElement = document.createElement('div'); descriptionElement.className = 'answer-description'; descriptionElement.innerHTML = description; optionsList.appendChild(descriptionElement);} optionItem.onclick = null;}); colorData[i].answered = true;}} const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerHTML = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; const quizContainer = document.getElementById('quiz-container'); quizContainer.appendChild(reloadButton);} function disableOptions(index) { const optionsList = document.querySelectorAll('.options-list')[index]; optionsList.childNodes.forEach(optionItem => { optionItem.classList.add('disabled'); optionItem.onclick = null;});} function reloadQuiz() { location.reload();} function startTimer() { const timerElement = document.getElementById('timer'); const startTime = new Date().getTime(); function updateTimer() { if (!quizCompleted) { const elapsedTime = Math.floor((new Date().getTime() - startTime) / 1000); timerElement.innerHTML = `Timer: ${elapsedTime}s`; requestAnimationFrame(updateTimer); }} updateTimer();} function updateScore() { const scoreElement = document.getElementById('score'); scoreElement.innerHTML = `Score: ${score}`;} document.getElementById('start-button').addEventListener('click', initGame); </script>https://webschoolpro.blogspot.com/2024/02/Primary-School-Teacher-Model-Test-2022-Group1.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-6249945410992551035Sat, 17 Feb 2024 13:23:00 +00002024-02-20T07:17:12.778-08:00power : ² multiply : × সুতরাং : ∴ সংলাপ : “ ” line space: <br/> root : √ <br/><br/><br/><br/> Fraction: Simple fraction: fraction Fraction with fractions: <math><mfrac><mfrac><mn>1</mn><mi>x</mi></mfrac><mfrac><mn>1</mn><mi>x</mi></mfrac> </mfrac></math> <br/><br/><br/><br/> Power of a number: simple to the power: <math><msup><mi>2</mi><mn>2</mn></msup></math> extra another power over the power: <math><msup><mi>x</mi><msup><mn>2</mn><mn>3</mn></msup> </msup></math> <br/><br/><br/><br/> combination and probability: <math><msub><mmultiscripts><mi>C</mi><mprescripts/><none/><mn>n</mn></mmultiscripts><mi>p</mi></msub></math> log: <math><msub><mi>log</mi><mn>x</mn></msub></math> <br/><br/><br/> { question: "", options: ["", "", "", ""], correctAnswer: "", answered: false, description: "" }, <br/><br/><br/><br/> <math><msub><mi>log</mi><mn>x</mn></msub></math> <br/><br/><br/> https://webschoolpro.blogspot.com/2024/02/27-kg-of-copper-and-2-kg-of-tin.htmlnoreply@blogger.com (Unknown)0tag:blogger.com,1999:blog-6032781458046627813.post-8934035953316141829Thu, 15 Feb 2024 07:53:00 +00002024-02-18T04:08:06.609-08:00Model TestPrimary School Teacher<style> body {font-family: sans-serif;} #start-button {font-weight: bold;font-size: 18px;padding: 30px 50px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 50px;display: block;margin-left: auto;margin-right: auto;} #start-button:hover {background-color: #003366;transform: scale(1.1);} #quiz-container {padding: 30px;} #blue-heading {line-height: normal;margin-top: 20px;color: #0056B2;font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 20px;} #black-heading {line-height: normal;margin-top: 20px;font-size: 12px;text-align: center;margin-bottom: 20px;} #top-line {width: 100%;position: relative;} .question-container {display: flex;flex-direction: column;margin-bottom: 20px;border: 2px solid #fbfbfb;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .question-text {color: #000;font-size: 16px;font-family: 'Arial', sans-serif;} .options-list {list-style-type: none;padding: 0 15px 0 15px!important;display: flex;flex-direction: column;margin: 0!important;} .options-list li {border: 2px solid #0056B2;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;padding: 10px 20px!important;list-style: none !important;} .options-list li:hover {background-color: #0056B2;color: #fff;transform: scale(1.05);} .options-list li.selected {background-color: #0056B2;color: #fff;} .timer-score {text-align: right;} .feedback-message {font-size: 18px;margin-top: 05px;color: #333;opacity: 0;transition: opacity 0.5s;text-align: center;font-weight: bold;} .feedback-message.correct {color: #4CAF50;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;} .reloading {display: flex;justify-content: flex-end;margin-top: 20px;} #reload-button {font-size: 18px;padding: 15px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} .answer-description-caption {font-size: 18px;font-weight: bold;color: #0056B2;text-align: left;} .answer-description {font-size: 16px;color: #333;margin-top: 5px;text-align: left;font-weight: bold;} .popup-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;} .popup {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);max-width: 600px;text-align: center;flex-direction: column;display: flex;font-size: 16px;font-weight: bold;} .view-answers-button {font-size: 18px;padding: 20px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 30px;} .view-answers-button:hover {background-color: #003366;transform: scale(1.1);} #timer {font-size: 24px;color: #0056B2;position: absolute;font-weight: bold;} #progress {background-color: #ddd;height: 20px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;display: none;} #progress-bar {margin: 40px 0 0 0;height: 100%;width: 0;border-radius: 10px;background-color: #008080;transition: width 0.3s ease;} #progress-bar-fill {height: 100%;width: 0;background-color:#008080; overflow: hidden;transition: width 0.3s ease;} #progress-bar-text {font-weight: bold;color: white;font-size: 16px;transition: opacity 0.3s ease;text-align: center; } span.frac {display: inline-block;text-align: center;vertical-align: middle;} span.frac > sup, span.frac > sub {display: block;font: inherit;padding: 0 0.3em;} span.frac > sup {border-bottom: 0.08em solid;} span.frac > span {display: none;} </style> <div id="quiz-container"> <div id="top-line"> <div class="timer-score" id="timer">Timer: 0 s</div> <div class="timer-score" id="score">Score: 0</div> </div> <h1 id="blue-heading">প্রাথমিক সহকারি শিক্ষক নিয়োগ পরিক্ষা ২০২৩<br />১ম গ্রুপ (রংপুর, বরিশাল ও সিলেট বিভাগ)</h1> <h6 id="black-heading">বি.দ্র. প্রতিটি প্রশ্নের মান ১। প্রতিটি ভুল উত্তরের জন্য ০.২৫ নম্বর কাটা যাবে।<br />সময়: ৬০ মিনিট<br />পূর্ণমান: ৭৫</h6> <button id="start-button" onclick="initGame()">Start Game</button> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="progress-bar"> <div id="progress-bar-fill"></div> <div id="progress-bar-text"></div> </div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div></div> <script> const colorData = [ { question: "ইজরায়েলের গোয়েন্দা সংস্থার নাম কি?", options: ["আইএসআই", "মোসাদ", "র", "কেজিবি"], correctAnswer: "মোসাদ", answered: false, description: "ইসরাইলি গোয়েন্দা সংস্থার নাম মোসাদ। ১৩ ডিসেম্বর ১৯৪৯ Central Institute of Coordination নামে মোসাদের কার্যক্রম শুরু হয়। তবে মোসাদের সদর দপ্তর তেল আবিব। <br/>*কেজিবি: K.G.B. the security police and intelligence agency of the Soviet Union <br/>*আইএসআই: The full form of ISI is the Indian Standards Institute <br/>*র: RAW is India's main international intelligence agency." }, { question: "What type of noun is 'kindness'?", options: ["Proper", "Common", "Abstract", "Material"], correctAnswer: "Abstract", answered: false, description: "যে শব্দ দ্বারা কোনো গুণের নাম বুঝায় তাকে abstract noun বলে।<br/>Kindness একটি গুণের নাম।" }, { question: "১ হতে ১০০ পর্যন্ত সংখ্যাসমূহের যোগফল কত?", options: ["৫০০১", "৫০৫০", "৫৫০১", "৪৯৯৯"], correctAnswer: "৫০৫০", answered: false, description: "১ থেকে শুরু স্বাভাবিক সংখ্যাগুলোর সমষ্টি = {n×(n+1)} ÷ 2 এখানে n = পদ সংখ্যা<br/>১ থেকে ১০০ পর্যন্ত পদ আছে ১০০ টি। সুতরাং এখানে n = ১০০<br/>সুতরাং সমষ্টি = {১০০×(১০০+১)}÷২<br/>= (১০০×১০১)÷২<br/>= ৫০ × ১০১<br/>=৫০৫০" }, { question: "কত মিলিয়নে ১০ কোটি?", options: ["১০০০", "৫০", "১০", "১০০"], correctAnswer: "১০০", answered: false, description: "১০০০০০০০০ ÷ ১০০০০০০= ১০০ মিলিয়ন। ১০ কোটিকে ১ মিলিয়ন বা ১০ লক্ষ দিয়ে ভাগ করলেই হবে।" }, { question: "শতকরা বার্ষিক ৫ টাকা হারে সুদে কোন আসল কত বছরে সুদ আসলে দ্বিগুণ হবে?", options: ["২০", "৫", "১০", "১৫"], correctAnswer: "২০", answered: false, description: "ধরি, আসল,p = ১ টাকা<br/>সুতরাং সুদআসল = ২ টাকা (কারণ আসল সুদেআসলে দ্বিগুণ হবে)<br/>তাহলে সুদ,I = ২-১ = ১ টাকা<br/>r = ৫, বছর,n =?<br/>আমরা জানি, I = npr÷১০০<br/>বা, ১ = (n×১×৫)÷১০০<br/>বা, ১০০ = n × ৫<br/>বা, ১০০÷৫ = n<br/>বা, ২০ = n<br/>অর্থাৎ ২০ বছর লাগবে" }, { question: "লুপ্ত সংখ্যাটি কত? ৮১, ২৭ __ ৩, ১", options: ["১২", "১৫", "৬", "৯"], correctAnswer: "৯", answered: false, description: "এটা শেষ থেকে চিন্তা করুন।<br/>১ এর তিন গুণ হলো ৩। ৩ এর তিন গুণ হলো ৯। ৯ এর তিন গুণ হলো ২৭। ২৭ এর তিন গুণ হলো ৮১।<br/>আবার শশুরু থথেকে চিন্তা ককরলে এএমন হহবে।<br/>৩^৪ = ৮১, এরপর ৩^৩ = ২৭, এরপর ৩^২ = ৯, এরপর ৩^১= ৩, এরপর ৩^০ = ১<br/>অর্থাৎ ৩ এর ঘাত বা পাওয়ার ১ করে কমতেছে।" }, { question: "শব্দের ক্ষুদ্রতম অংশকে বলা হয় -", options: ["ভাব", "পদ", "বর্ণ", "ধ্বনি"], correctAnswer: "ধ্বনি", answered: false, description: "শব্দের ক্ষুদ্রতম অংশকে/এককে বলা হয় ধ্বনি, অপশানে ধ্বনি উল্লেখ না থাকলে বর্ণ অপশানটি পূরণ করতে হবে, তবে ধ্বনি অপশানটি উল্লেখ থাকলে সেটা বেশি গ্রহণযোগ্য হবে। " }, { question: "১ কে দুই ভাগ করলে কত হয়?", options: [".০.৫০", "০.৫০০", "সবগুলোই","১/২"], correctAnswer: "সবগুলোই", answered: false, description: ".৫০*২=১.০০<br/>.৫০০*২=১.০০০<br/>১/২*২=১<br/>সবগুলো একই মান" }, { question: "০.৪০×০.০২×০.০৮ = কত?", options: ["০.০০০৬৪", "০.০০৬৪০৪", "০.০০০০৬", "০.০০৬৪"], correctAnswer: "০.০০০৬৪", answered: false, description: "০.৪× ০.০২× ০.০৮<br/>= ৪/১০ × ২/১০০ × ৮/১০০<br/>= ৬৪/ ১০০০০০<br/>= ০.০০০৬৪" }, { question: "নিচের কোনটি স্ক্যান্ডিনেভিয়ান দেশ?", options: ["ফিনল্যান্ড", "ইংল্যান্ড", "পোল্যান্ড", "নেদারল্যান্ড"], correctAnswer: "ফিনল্যান্ড", answered: false, description: "স্ক্যান্ডিনেভিয়ান দেশ হচ্ছে - আইসল্যান্ড, সুইডেন, ডেনমার্ক, ফিনল্যান্ড ও নরওয়ে (মনে রাখার কৌশল আসুডেফিন)। " }, { question: "একটি খোলা জলাধারের দৈর্ঘ্য, প্রস্থ ও উচ্চতা যথাক্রমে ২.৫ মিটার, ২ মিটার ও ১০০ সে.মিটার। জলাধারটির আয়তন কত ঘনমিটার?", options: ["২৫", "১৫", "৫", "৫০"], correctAnswer: "৫", answered: false, description: "আমরা জানি, ১০০ সে.মি= ১ মিটার<br/>আমরা জানি, আয়তন= (দৈর্ঘ্য× প্রস্হ× উচ্চতা) ঘনমিটার<br/>= (২.৫×২×১)ঘনমিটার<br/>= ৫ ঘন.মি" }, { question: "কোন সংখ্যার ২/৭ অংশ ৬৪ এর সমান?", options: ["২৫৪", "২৭২", "২৪৮", "২২৪"], correctAnswer: "২২৪", answered: false, description: "ধরি, সংখ্যাটি= ক<br/>প্রশ্নমতে, ক এর ২/৭= ৬৪<br/>বা, ২ক/৭= ৬৪<br/>বা, ২ক= ৪৪৮<br/>বা, ক= ৪৪৮/২<br/>বা, ক = ২২৪<br/>অতএব, সংখ্যাটি= ২২৪" }, { question: "An ordinance is-", options: ["a law", " a newspaper", "a manuscript", "a book"], correctAnswer: "a law", answered: false, description: "Ordinance হলো জরুরি বিধি, অধ্যাদেশ। জরুরি পরিস্থিতি মোকাবেলার জন্য যে নিয়মনীতি বা বিধি জারি করা হয় তাকে Ordinance বলে। পরবর্তীতে আলোচনার মাধ্যমে তাকে Law বা আইনে পরিণত করা হয়।" }, { question: "চাঁদমুখ এর ব্যাসবাক্য নিচের কোনটি?", options: ["চাঁদ মুখ যার", "চাঁদের মত দেখতে মুখ", "চাঁদ রূপ মুখ", "চাঁদ মুখের ন্যায়"], correctAnswer: "চাঁদ রূপ মুখ", answered: false, description: "প্রশ্নে চাঁদমুখ বা চন্দ্রমুখ যাই বলুক না কেনো তা উপমিত কর্মধারয় সমাস উত্তর দিতে হবে এবং ব্যাসবাক্য হবে মুখ চাঁদের ন্যায় কিংবা চাদের ন্যায় মুখ।<br/>এখানে অপশনের ব্যাসবাক্যে যেহেতু মুখ চাঁদের ন্যায় কিংবা চাদের ন্যায় মুখ নাই তাই চাঁদ রূপ মুখ দিতে হবে, এক্ষেত্রে এটা রূপক কর্মধারয় হয়ে যাবে। এটা জগদীশ ঘোষ স্যারের আধুনিক বাংলা ব্যাকরণ মতে। " }, { question: "The word 'respond' is-", options: ["a noun", "an adverb", "an adjective", "a verb"], correctAnswer: "a verb", answered: false, description: "respond হলো verb" }, { question: "চর্যাপদ কোন ছন্দে লেখা?", options: ["স্বরবৃত্ত", "নিম্নবৃত্ত", "অক্ষরবৃত্ত", "মাত্রাবৃত্ত"], correctAnswer: "মাত্রাবৃত্ত", answered: false, description: "" }, { question: "NCTB এর পূর্ণাঙ্গ রূপ কী?", options: ["National Cricketers Training Board", "National Curriculum and Text Book Board", "National Curriculum and Training Board", "National Communication and Training Board"], correctAnswer: "National Curriculum and Text Book Board", answered: false, description: "NCTB এর পূর্ণরূপ হলো National Curriculum & Textbook Board (Bangladesh)। বাংলাদেশের সকল সরকারী প্রাইমারী ও উচ্চ মাধ্যমিক বিদ্যালয় NCTB আন্ডারে। NCTB ই সকল সরকারী স্কুলের ১ম-১০ম শ্রেণীর সকল শিক্ষার্থীকে বিনামূল্যে বই সরবরাহ করে থাকে। NCTB এর পূর্ণ রূপ ।" }, { question: "What is the bengali meaning of 'time is up'", options: ["সময়সীমা", "মূল্যহীন", "সময় আছে", "সময় শেষ"], correctAnswer: "সময় শেষ", answered: false, description: "time is up /phrase/ কোন সময় নেই; " }, { question: "একটি সমকোণী ত্রিভুজের সমকোণ ছাড়া অন্য দুটি কোণ হবে-", options: ["সন্নিহিত কোণ", "সরলকোণ", "সম্পূরক কোণ", "সুক্ষ্ম কোণ"], correctAnswer: "সুক্ষ্ম কোণ", answered: false, description: "একটি সমকোণী ত্রিভুজের একটি কোণ সমকোণ বা ৯০°। বাকি দুইটি কোন মিলে ৯০°। আবার আমরা জানি কোন কোণের মানের ৯০° এর চেয়ে ছোট বা সমান হলে তাকে সূক্ষ কোণ বলা হয়। তাই অপর দুইটি কোন সূক্ষকোণ হবে।" }, { question: "Identify the correct spelling-", options: ["Perliament", "Parliament", "Perlament", "Parlament"], correctAnswer: "Parliament", answered: false, description: "Parliament = পার্লামেন্ট /বিশেষ্য পদ/ আইনসভা, সংসদ।" }, { question: "একটি সংখ্যা ৭৪২ হতে যত বড় ৮৩০ হতে তত ছোট, সংখ্যাটি কত?", options: ["৭৮৬", "৭৮০", "৭৮২", "৭৯০"], correctAnswer: "৭৮৬", answered: false, description: "সংখ্যাটি = (৮৩০+৭৪২)/ ২ = ১৫৭২/২ = ৭৮৬" }, { question: "সাহিত্যিক শওকত ওসমানের প্রকৃত নাম কোনটি?", options: ["শেখ আজিজুর রহমান", "শওকত আলী", "আহমেদ আজিজ", "ওসমান গনী"], correctAnswer: "শেখ আজিজুর রহমান", answered: false, description: "কথাসাহিত্যিক শওকত ওসমানের প্রকৃত নাম শেখ আজিজুর রহমান। <br/>তিনি তার বিখ্যাত প্রতীকাশ্রয়ী উপন্যাস 'ক্রীতদাসের হাসি'এর জন্য আদমজি পুরস্কার পেয়েছিলেন।" }, { question: "'কাক নিদ্রা' শব্দটির অর্থ-", options: ["কপটনিদ্রা", "অগভীর সতর্ক নিদ্রা", "কাকের নিদ্রার ন্যায়", "অনিষ্ট চিন্তা"], correctAnswer: "অগভীর সতর্ক নিদ্রা", answered: false, description: "কাক ভূষন্ডী=সম্পূর্ণ ভেজা<br/>ভূষন্ডির কাক=দীর্ঘজীবী<br/>কাক নিদ্রা=অগভীর সতর্ক নিদ্রা<br/>কাক জ্যোৎস্না=ক্ষীণ চন্দ্রালোক<br/>কাকস্নান=সংক্ষিপ্ত গোসল" }, { question: "বাংলাদেশের সংবিধানের কত অনুচ্ছেদে নাগরিকের পেশা বা বৃত্তির স্বাধীনতার বিষয়ে উল্লেখ করা হয়েছে?", options: ["৩৮", "৪০", "৪১", "৪২"], correctAnswer: "৪০", answered: false, description: "৪০ নম্বর অনুচ্ছেদ - আইনের দ্বারা আরোপিত বাধানিষেধ-সাপেক্ষে কোন পেশা বা বৃত্তি-গ্রহণের কিংবা কারবার বা ব্যবসায়-পরিচালনার জন্য আইনের দ্বারা কোন যোগ্যতা নির্ধারিত হইয়া থাকিলে অনুরূপ যোগ্যতাসম্পন্ন প্রত্যেক নাগরিকের যে কোন আইনসঙ্গত পেশা বা বৃত্তি-গ্রহণের এবং যে কোন আইনসঙ্গত কারবার বা ব্যবসায়-পরিচালনার অধিকার থাকিবে। " }, { question: "কাজী নজরুল ইসলামকে উৎসর্গ করে রবীন্দ্রনাথ ঠাকুরের রচনা-", options: ["ক্ষণিকা", "তাসের দেশ", "বসন্ত", "কালের যাত্রা"], correctAnswer: "বসন্ত", answered: false, description: "> রবীন্দ্রনাথ ঠাকুর তাঁর 'বসন্ত' নাটকটি কাজী নজরুল ইসলাম কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'কালের যাত্রা' নাটকটি শরৎচন্দ্র চট্টোপাধ্যায় কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'তাসের দেশ' নাটকটি নেতাজি সুভাষ চন্দ্র বসু কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'বউ ঠাকুরাণীর হাট' উপন্যাসটি আপন বড় বোন সৌদামিনী দেবী কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'খেয়া' কাব্যগ্রন্থটি জগদীশ চন্দ্র বসু কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'আকাশ প্রদীপ' কাব্যগ্রন্থটি সুধীন্দ্রনাথ দত্ত কে উৎসর্গ করেন।<br/>> রবীন্দ্রনাথ ঠাকুর তাঁর 'পূরবী' কাব্যগ্রন্থটি আর্জেন্টিনার কবি ভিক্টোরিয়া ওকাম্পো কে উৎসর্গ করেন। তিনি ভিক্টোরিয়া ওকাম্পোর নাম দিয়েছিলেন বিজয়া।" }, { question: "নেকড়ে অরণ্য উপন্যাসের রচয়িতা -", options: ["আনোয়ার পাশা", "শওকত ওসমান", "রশীদ হায়দার", "আবু জাফর শামসুদ্দিন"], correctAnswer: "শওকত ওসমান", answered: false, description: "শওকত ওসমান বা শেখ আজিজুর রহমান এর মুক্তিযুদ্ধ ভিত্তিক উপন্যাস :<br/>১- জাহান্নম হইতে বিদায়,<br/>২- দুই সৈনিক,<br/>৩- নেকড়ে অরণ্য,<br/>৪- জলাংগী<br/>মনে রাখার উপায়ঃ<br/>শওকতের জাহান্নামী দুই সৈনিক নেকড়ে দেখে জলে নামলো।" }, { question: "৩,০০,০০০ টাকা ব্যাংকে রাখার ৭ <span class='frac'>^১<span></span>_২</span> বছর পর আসল টাকার ১ <span class='frac'>^১<span></span>_৪</span> অংশ মুনাফা পেলে বার্ষিক সুদের হার কত?", options: ["১১ <span class='frac'>^১<span></span>_৯</span>", "১২ <span class='frac'>^১<span></span>_২</span>", "১৬ <span class='frac'>^২<span></span>_৩</span>", "৮ <span class='frac'>^২<span></span>_৩</span>"], correctAnswer: "১৬ <span class='frac'>^২<span></span>_৩</span>", answered: false, description: "দেওয়া আছে, মুনাফা আসলের ১ সমস্ত ৪ ভাগের ১ অংশ। অর্থাৎ ৫/৪ অংশ।<br/>সুতরাং মুনাফা = আসল এর ৫/৪<br/>বা, মুনাফা / আসল = ৫/৪<br/>বা, মুনাফা : আসল = ৫:৪<br/>অর্থাৎ মুনাফা,I= ৫ টাকা, আসল,P= ৪ টাকা<br/>দেওয়া আছে, বছর,n = ৭.৫ বছর<br/>আমরা জানি, I = (n×p×r)÷১০০<br/>এখানে, I=মুনাফা, n= বছর, p=আসল, r=সুদের হার<br/>বা, ৫=(৭.৫×৪×r)÷১০০<br/>বা, (৫×১০০)÷(৭.৫×৪)=r<br/>দশমিক উঠিয়ে কাটাকাটি করবেন। ৫০÷৩ আসবে।<br/>৫০÷৩ কে ভাগ করলে ১৬.৬৬৭ হবে। যা ১৬ সমস্ত ৩ ভাগের ২। মানে ৩ নং অপশন।<br/>অর্থাৎ সুদ বা মুনাফার হার ১৬.৬৬৭% বা ১৬ সমস্ত ৩ ভাগের ২ শতাংশ।" }, { question: "১ থেকে ৪৪০ পর্যন্ত সংখ্যাগুলির একটি দৈবচয়ন পদ্ধতিতে নেওয়া হলে সংখাটি বর্গ সংখ্যা হওয়ার সম্ভাবনা-", options: ["<span class='frac'>^১<span></span>_২২</span>", "<span class='frac'>^১<span></span>_৬৪</span>", "<span class='frac'>^১<span></span>_৬০</span>", "<span class='frac'>^১<span></span>_৬৫</span>"], correctAnswer: "<span class='frac'>^১<span></span>_২২</span>", answered: false, description: "১ থেকে ৪৪০ পর্যন্ত মোট বর্গ সংখ্যা আছে = ২০টি<br/>যেখানে <br/> <math><msup><mi>২০</mi><mn>২</mn></msup></math> =৪০০ <br/> <math><msup><mi>২১</mi><mn>২</mn></msup></math> = ৪৪১ (নেওয়া যাবে না, যেহেতু সর্বোচ্চ সীমা = ৪৪০) <br/>সুতরাং, দৈবচয়নে একটি সংখ্যা নেওয়া হলে, সংখ্যাটি বর্গ সংখ্যা হওয়ার সম্ভাবনা <br/> = ২০/৪৪০ = ১/২২ (উত্তর)" }, { question: "'দিনের আলো ও সন্ধ্যার আলোর মিলন' -এক কথায় বলে-", options: ["সন্ধ্যাকাল", "আলোছায়া", "সায়াহ্ন", "গোধূলী"], correctAnswer: "গোধূলী", answered: false, description: "" }, { question: "জেলে ভাই ধরে মাছ মেঘের ছায়ায়- চরণটিতে জেলে কোন কারকে কোন বিভক্তি?", options: ["কর্তৃকারকে প্রথমা", "কর্মকারকে প্রথমা", "কর্মকারকে সপ্তমী", "কর্তৃকারকে সপ্তমী"], correctAnswer: "কর্তৃকারকে প্রথমা", answered: false, description: "এখানে মাছ ধরার কাজটা অর্থাৎ ক্রিয়া সম্পাদন করছে জেলে। তাই জেলে কর্তৃকারক। আর এখানে জেলে শব্দে শূন্য বা প্রথমা বিভক্তি।" }, { question: "He had a ______ headache", options: ["serious", "bad", "srtong", "acute"], correctAnswer: "bad", answered: false, description: "Bad headache means severe headache. Acute, strong, serious are not used before headache." }, { question: "কোন ক্ষেত্রে বিভক্তির প্রয়োজন হয়?", options: ["কারক", "সন্ধি", "প্রকৃতি", "সমাস"], correctAnswer: "কারক", answered: false, description: "" }, { question: "নিচের কোন বানানটি শুদ্ধ?", options: ["নিশীথিনি", "নিশীথীনি", "নিশীথিনী", "নিশিথীনী"], correctAnswer: "নিশীথিনী", answered: false, description: "" }, { question: "If you read, you will learn. The sentence is a-", options: ["compound", "negetive", "simple", "complex"], correctAnswer: "complex", answered: false, description: "এটি একটি Complex sentence. Complex sentence এ একটি principle Clause এবং এক বা একাধিক Subordinate Clause থাকে। Complex sentence সাধারণত if, though, although, as, because, since, when, why, who, which, where প্রভৃতি দিয়ে গঠিত হয়।" }, { question: "একটি গাড়ির চাকা প্রতি মিনিটে ১২ বার ঘুরে। চাকাটি ৫ সেকেন্ডে কত ডিগ্রী ঘুরে?", options: ["২৭০°", "১৮০°", "৩৬০°", "৩০০°"], correctAnswer: "৩৬০°", answered: false, description: "আমরা জানি,<br/>১ মিনিট = ৬০ সেকেন্ড<br/>৬০ সেকেন্ডে চাকাটি ঘুরে = ১২ বার<br/>:: ১ সেকেন্ডে চাকাটি ঘুরে = ১২/৬০ বার<br/>:: ৫ সেকেন্ডে চাকাটি ঘুরে = (১/৫) × ৫ বার = ১ বার<br/>:: ১টি চাকা একবার ঘুরলে অতিক্রম করে = ৩৬০ ডিগ্রি অর্থাৎ ৫ সেকেন্ডে চাকাটি ৩৬০° অতিক্রম করে।" }, { question: "হাইপোগ্লাইসেমিয়া কিসের অভাবে হয়?", options: ["ক্যালসিয়াম", "রক্তের গ্লুকোজ", "ভিটামিন-ই", "ইনসুলিন"], correctAnswer: "রক্তের গ্লুকোজ", answered: false, description: " রক্তে গ্লুকোজ বা সুগারের পরিমাণ স্বাভাবিক মাত্রার চেয়ে কমে গেলে তাকে হাইপোগ্লাইসেমিয়া বলা হয়। অনেকে একে সংক্ষেপে 'হাইপো' হিসেবে চেনেন। মূলত ডায়াবেটিসে আক্রান্ত রোগীদের, বিশেষ করে ইনসুলিন নিতে হয় এমন রোগীদের, হাইপোগ্লাইসেমিয়া দেখা দেয়।" }, { question: "cat's sleep' means -", options: ["sleep frequently", "be dismissed", "pretension of sleep", "sleep at night"], correctAnswer: "pretension of sleep", answered: false, description: "(ঘুমের ভান করা pretension of sleep) I was having a cat's sleep when he called on me." }, { question: "'আসাদের শার্ট' কবিতার লেখক কে?", options: ["আব্দুল মান্নান সৈয়দ", "অমীয় চক্রবর্তী", "আল মাহমুদ", "শামসুর রাহমান"], correctAnswer: "শামসুর রাহমান", answered: false, description: "কবি শামসুর রাহমানের অমর কবিতা “আসাদের শার্ট” এবং কবি হেলাল হাফিজ রচিত “নিষিদ্ধ সম্পাদকীয়”, দু’টি কবিতারই মূল ব্যক্তিত্ব ছিলেন বাংলার ঊনসত্তরের গণ অভ্যুত্থানের মহানায়ক শহীদ আসাদকে। ১৯৬৯ সালের ২০ জানুয়ারি মেডিকেল কলেজের পাশে মিছিল নিয়ে অগ্রসর হচ্ছিলেন আসাদ। আর সেখানেই এক পুলিশ কর্মকর্তা খুব কাছে থেকে গুলি ছুঁড়ে আসাদকে হত্যা করে। আসাদের মৃত্যুর প্রতিক্রিয়ায় সেদিন বিকালেই ঢাকার বুকে ছাত্র-ছাত্রীসহ সাধারণ জনগণের দুই মাইল লম্বা মিছিল বের হয়। " }, { question: "A synonym for- 'synergy' is-", options: ["autonomy", "antagonism", "alliance", "conflict"], correctAnswer: "alliance", answered: false, description: "Synergy মানে হচ্ছে - সমন্বয় Alliance - জোট" }, { question: "'অর্বাচিন' শব্দের বিপরীত শব্দটি-", options: ["প্রাচীন", "নবীন", "অনির্বাচিত", "বোকা"], correctAnswer: "প্রাচীন", answered: false, description: "" }, { question: "বঙ্গবন্ধু শেখ মুজিবুর রহমান রচিত 'কারাগারের রোজনামচা' এর গ্রন্থস্বত্ব কার?", options: ["বাংলাদেশ আওয়ামী লীগ", "বঙ্গবন্ধু কন্যা শেখ হাসিনা এবং শেখ রেহানা", "সি আর আই", "বঙ্গবন্ধু মেমোরিয়াল ট্রাস্ট"], correctAnswer: "বঙ্গবন্ধু মেমোরিয়াল ট্রাস্ট", answered: false, description: "বইটির গ্রন্থস্বত্ব 'জাতির জনক বঙ্গবন্ধু শেখ মুজিবুর রহমান মেমোরিয়াল ট্রাস্ট'-এর। বইটির মোট পৃষ্ঠা সংখ্যা ৩৩২।" }, { question: "০.০০০১ এর বর্গমূল কত?", options: ["০.০০১", "১", "০.১", "০.০১"], correctAnswer: "০.০১", answered: false, description: "০.০০০১ এর বর্গমূল = √০.০০০১ = ০.০১" }, { question: "'নন্দিনী' এর নিচের প্রতিশব্দ কোনটি?", options: ["মিনাক্ষী", "সুন্দরী", "ননদিনী", "তনয়া"], correctAnswer: "তনয়া", answered: false, description: "নন্দিনী বা মেয়ে এর আরো কিছু সমার্থক শব্দ : কন্যা, দুলালি, সুতা, দুহিতা, আত্মজা, তনয়া, পুত্রী, ঝি, বালা, দারিকা।" }, { question: "<math><msqrt><mtext> ২৮৯ </mtext></msqrt></math> এর বর্গমূল হল-", options: ["অমূলদ", "স্বাভাবিক", "পূর্ণসংখ্যা", "মূলদ"], correctAnswer: "অমূলদ", answered: false, description: "<math><msqrt><mtext> ২৮৯ </mtext></msqrt></math> এর বর্গমূল<br/>অতএব <math><msqrt><msqrt><mtext>২৮৯</mtext></msqrt></msqrt></math> = <math><msqrt><mtext> ১৭ </mtext></msqrt></math> = ৪.১২৩... <br/> ৪.১২৩… একটি অমূলদ সংখ্যা <br/> উত্তরঃ <math><msqrt><mtext> ২৮৯ </mtext></msqrt></math> এর বর্গমূল একটি অমূলদ সংখ্যা।" }, { question: "'Gitanjali' of Rabindranath Tagore was translated by -", options: ["Planto", "W. B. Yeats", "Robert Frost", "John Keats"], correctAnswer: "W. B. Yeats", answered: false, description: "Gītāñjali, a collection of poetry, the most famous work by Rabindranath Tagore, published in India in 1910. Tagore then translated it into prose poems in English, as Gitanjali: Song Offerings, and it was published in 1912 with an introduction by William Butler Yeats." }, { question: "সাহিত্যিক মীর মশাররফ হোসেনের জন্মস্থান কোন জেলায়?", options: ["টাঙ্গাইল", "পাবনা", "ফেনী", "কুষ্টিয়া"], correctAnswer: "কুষ্টিয়া", answered: false, description: "মীর মশাররফ হোসেন এর সাহিত্যিক গুরু কুষ্টিয়ার কুমারখালি থেকে প্রকাশিত পত্রিকার সম্পাদক কাঙ্গাল হরিনাথ (হরিনাথ মজুমদার)।এখান থেকে মনে রাখার চেষ্টা করুন মীর মশাররফ হোসেন এর জন্ম কুষ্টিয়াতে ( কুষ্টিয়া জেলার লাহিনীপাড়া গ্রাম)" }, { question: "১ থেকে ১১ পর্যন্ত ক্রমিক এর স্বাভাবিক সংখ্যার গড় কত?", options: ["৪", "৫", "৬", "৭"], correctAnswer: "৬", answered: false, description: "= (১১+১)/২ = ১২/২ = ৬" }, { question: "Who is the author of 'A farewell to Arms?", options: ["John Milton", "Plato", "Ernest Hemingway", "T S Eliot"], correctAnswer: "Ernest Hemingway", answered: false, description: "" }, { question: "ভারতের কোন রাজ্যের সাথে বাংলাদেশের স্থল সীমান্ত নেই?", options: ["আসাম", "নাগাল্যান্ড", "ত্রিপুরা", "মিজোরাম"], correctAnswer: "নাগাল্যান্ড", answered: false, description: "ভারতের মোট ৫ টি রাজ্যের সাথে বাংলাদেশে সীমান্ত রয়েছে। রাজ্যগুলো হলো - পশ্চিমবঙ্গ, ত্রিপুর মেঘালয়, মিজোরাম এবং আসম।" }, { question: "মুক্তিযুদ্ধের পটভূমিতে রচিত কাব্যগ্রন্থ কোনটি?", options: ["প্রিয়যোদ্ধা প্রিয়তম", "নেকড়ে অরণ্য", "বন্দী শিবির থেকে", "নিষিদ্ধ লোবান"], correctAnswer: "বন্দী শিবির থেকে", answered: false, description: "মুক্তিযুদ্ধের পটভূমিতে রচিত শামসুর রাহমানের কাব্যগ্রন্থ 'বন্দী শিবির থেকে' (১৯৭২) । এ কাব্যের প্রতিটি কবিতায় স্বাধীনতা যুদ্ধাকালীন আবেগ ও প্রত্যাশা ব্যক্ত হয়েছে। একাব্যের উল্লেখ্যযোগ্য কবিতা : তোমাকে পাওয়ার জন্যে হে স্বাধীনতা, মধুস্মৃতি, স্বাধীনতা তুমি রক্তাক্ত প্রান্তরে।" }, { question: "কোনটি মৌলিক শব্দ -", options: ["গোলাপ", "মানব", "ধাতব", "একাঙ্ক"], correctAnswer: "গোলাপ", answered: false, description: "তিন,নাক,লাল, গোলাপ এগুলো মৌলিক শব্দ। যেসব শব্দকে আর বিশ্লেষণ করা যায় না সেসব শব্দকে মৌলিক শব্দ বলে।" }, { question: "বাগাড়ম্বর শব্দের সন্ধিবিচ্ছেদ -", options: ["বাক্‌ + আড়ম্বর", "বাগ+অম্বর", "বাক + অম্বর", "বাগ্‌+আড়ম্বর"], correctAnswer: "বাক্‌ + আড়ম্বর", answered: false, description: "" }, { question: "সবকটা জানালা খুলে দাও না গানটির গীতিকার কে?", options: ["আপেল মাহমুদ", "গাজী মাজহারুল আনোয়ার", "নজরুল ইসলাম বাবু", "আহমেদ ইমতিয়াজ বুলবুল"], correctAnswer: "নজরুল ইসলাম বাবু", answered: false, description: "স্বাধীনতা দিবসের জন্য বাংলাদেশ টেলিভিশনের নির্মিত বিশেষ অনুষ্ঠানের জন্য প্রস্তুতকৃত এই সঙ্গীত বা গানের গীতিকার নজরুল ইসলাম বাবু। আহমেদ ইমতিয়াজ বুলবুলের সুর ও সঙ্গীত পরিচালনায় এই গানে কণ্ঠ দেন সাবিনা ইয়াসমিন।" }, { question: "He died ____ the injury.", options: ["for", "over", "by", "from"], correctAnswer: "from", answered: false, description: "Die for = দেশের জন্য মারা যাওয়া বা মহৎ কাজের জন্য মারা যাওয়া<br/>Die by = দূর্ঘটনায় মারা যাওয়া<br/>Die from = ক্ষত,যখম বা আঘাতে মারা যাওয়া<br/>Die of অর্থ - কোনো রোগে মরা। যেমন—He died of cancer. Die from অর্থ - কোনো কারণে মরা। যেমন—He died from overeating. Die by অর্থ - আকস্মিক বা ইচ্ছাকৃতভাবে মরা, যেমন—He died by suicide/accident. Die for অর্থ আত্মত্যাগ করা, যেমন—He died for the country ।" }, { question: "The French refers to -", options: ["The French Society", "The French People", "The French Language", "The French Manners"], correctAnswer: "The French People", answered: false, description: "কোন দেশের নামের পূর্বে Article 'The' বসলে, দেশের নাম দ্বারা তখন ঐ জাতিকে বুঝায়।<br/>উল্লেখিত প্রশ্নে France দেশের নামের পূর্বে The article বসায়, The France দ্বারা France জাতিকে(The France people) বুঝাবে।" }, { question: "'Duck' is the feminine gender of", options: ["Drear", "Drake", "Duck", "Drone"], correctAnswer: "", answered: false, description: "" }, { question: "The correct spelling is -", options: ["Perceve", "Perceive", "Percive", "Precieve"], correctAnswer: "Perceive", answered: false, description: "Phrases, Idioms & A. prep. perceive /verb/ বুঝতে বা উপলদ্ধি করতে পারা." }, { question: "A drowning man catches ____ a straw", options: ["to", "for", "on", "at"], correctAnswer: "at", answered: false, description: "A drowning man catches at a straw. এটি একটি প্রবাদ বাক্য। অর্থ - যতক্ষণ শ্বাস ততক্ষণ আঁশ।" }, { question: "'বেসাতি' শব্দের প্রকৃত অর্থ কোনটি?", options: ["বস্ত্র", "আশ্রয়", "নির্লজ্জতা", "কেনাবেচা"], correctAnswer: "কেনাবেচা", answered: false, description: "" }, { question: "I will write down the phone number ____ I forget", options: ["in case", "if", "unless", "ever though"], correctAnswer: "in case", answered: false, description: "I am write down the phone number in case I forgot.<br/>in case এর অর্থ যাতে/যেন<br/>আমি ফোন নাম্বার টি লিখে রাখব যাতে/যেন ভুলে না যাই" }, { question: "BROCHURE Means - ", options: ["Opening", "Pamphlet", "Bureau", "Censor"], correctAnswer: "Pamphlet", answered: false, description: "Brochure মানে প্রচারপত্র। (pamphlet) " }, { question: "০.১ এর বর্গমূল কত?", options: ["০.১", "০.০১", "০.২৫", "০.৩১"], correctAnswer: "০.৩১", answered: false, description: "০.১ এর বর্গমূল : √ ০.১ = ০.৩১ " }, { question: "(2+x)+3 = 3(x+2) হলে x এর মান কত?", options: ["<math><mfrac><mn>১</mn><mi>৩</mi></mfrac></math>", "-<math><mfrac><mn>১</mn><mi>৩</mi></mfrac></math>", "<math><mfrac><mn>১</mn><mi>২</mi></mfrac></math>", "-<math><mfrac><mn>১</mn><mi>২</mi></mfrac></math>"], correctAnswer: "-<math><mfrac><mn>১</mn><mi>২</mi></mfrac></math>", answered: false, description: "(2+x)+ 3= 3(x +2) <br/>2+x+3= 3x + 6<br/>5+ x= 3x+6<br/>x - 3x = 6-5<br/>-2x= 1<br/>x= -1/2" }, { question: "Salt of life stands for", options: ["valuable things", "sorrows of life", "saline water", "sodium chloride"], correctAnswer: "valuable things", answered: false, description: "'Salt of life' stands for - valuable things.<br/>'Salt of life' - একটি idiom যার অর্থ মূল্যবান জিনিস বা valuable things." }, { question: "প্রাথমিক স্তরের পরিমার্জিত জাতীয় শিক্ষাক্রমের মূল বৈশিষ্ট্য কোনটি?", options: ["যোগ্যতাভিত্তিক", "দক্ষতাভিত্তিক", "উদ্দেশ্যভিত্তিক", "বয়স কাঠামো ভিত্তিক"], correctAnswer: "যোগ্যতাভিত্তিক", answered: false, description: "শিক্ষাব্যবস্থার সকল পর্যায়ে দায়িত্বশীল , স্ব - প্রণোদিত , দক্ষ ও সংবেদনশীল , জবাবদিহিমূলক , একীভূত ও অংশগ্রহণমূলক শিক্ষাব্যবস্থা নিশ্চিত করতে নতুন শিক্ষাক্রমের লক্ষ্য ঠিক করা হয়েছে । শিক্ষার্থীর দৃষ্টিভঙ্গি , জ্ঞান , যোগ্যতা , মূল্যবোধ ও সক্ষতা বাড়াতে জাতীয় শিক্ষাক্রমের মূল ভিত্তি তৈরি করা হয়েছে ।" }, { question: "অজানা সংখ্যাটি কত? ৪, ৬, ৯, ৬, ১৪, ৬ ____ ? ", options: ["১৮", "১৯", "২০", "১৭"], correctAnswer: "১৯", answered: false, description: "৪, ৬, ৯, ৬, ১৪, ৬ <br/>এখানে, ৪+৫ = ৯<br/>৯+৫ = ১৪<br/>১৪+৫ = ১৯ (উত্তর) " }, { question: "১০% হার মুনাফায় ২০০০ টাকার ২ বছরের চক্রবৃদ্ধি মূলধন নিচের কোনটি?", options: ["২৪২০ টাকা", "২৪০০ টাকা", "২২০০ টাকা", "২৪৪০ টাকা"], correctAnswer: "২৪২০ টাকা", answered: false, description: "আমরা জানি,<br/>চক্রবৃদ্ধি মূলধন C= P(1+r)^n <br/>= 2000(1+10/100)^2<br/>= 2000(1+0.1)^2 <br/>= 2000 (1.1)^2<br/> = 2000×1.21<br/> = 2420 টাকা" }, { question: "Which one is singular?", options: ["Agenda", "Hypothesis", "Data", "Media"], correctAnswer: "Hypothesis", answered: false, description: "Singular nouns: agendum, hypothesis , medium, syllabus এর plural form যথাক্রমে agenda, hypotheses, media, syllabi." }, { question: "নিচের কোনটি একই সাথে ইনপুট ও আউটপুট হিসেবে কাজ করে?", options: ["টাচ স্ক্রীন", "প্রিন্টার", "মাউস", "মাইক্রোফোন"], correctAnswer: "টাচ স্ক্রীন", answered: false, description: "একই সাথে ইনপুট এবং আউটপুট ডিভাইস হিসেবে কাজ করে - টার্চ স্ক্রিন ।" }, { question: "২০২২ সালের জনশুমারী ও গৃহগণনা অনুযায়ী বাংলাদেশের মোট জনসংখ্যা কত? ", options: ["১৬,৯৮,১৭,৯২১", "১৬,৯৮,২৫,৯২১", "১৬,৯৮,২৮,৯২১", "১৬,৯৬,২৮,৯২১"], correctAnswer: "১৬,৯৮,২৮,৯২১", answered: false, description: "বাংলাদেশের জনসংখ্যা কত ২০২৩ বাংলাদেশ পরিসংখ্যান ব্যুরোর জনশুমারি ও গৃহগণনা ২০২২ সালের প্রাথমিক প্রতিবেদনে দেয়া তথ্য অনুযায়ী দেশে জনসংখ্যা এখন ১৬ কোটি ৫১ লাখ ৫৮ হাজার ৬১৬। এর মধ্যে পুরুষের সংখ্যা ৮ কোট ১৭ লাখ ১২ হাজার ৮২৪ জন এবং নারীর সংখ্যা ৮ কোটি ৩৩ লাখ ৪৭ হাজার ২০৬ জন।" }, { question: "মাটির ময়না চলচ্চিত্রের নির্মাতা কে?", options: ["তারেক মাসুদ", "মোস্তফা সরোয়ার ফারুকী", "মৃনাল সেন", "হুমায়ুন আহমেদ"], correctAnswer: "তারেক মাসুদ", answered: false, description: "মাটির ময়না ২০০২ সালের বাংলাদেশী বাংলা যুদ্ধভিত্তিক নাট্য চলচ্চিত্র। এটি রচনা এবং পরিচালনা করেছেন তারেক মাসুদ।" }, { question: "বাগযন্ত্রের অংশ কোনটি? ", options: ["স্বরযন্ত্র", "ফুসফুস", "দাঁত", "সবকটি"], correctAnswer: "সবকটি", answered: false, description: "ধ্বনি উচ্চারণ করতে যেমন প্রত্যঙ্গ কাজে লাগে, সেগুলোকে একত্রে বাগযন্ত্র বলে। মানবদেহের উপরিভাগে অবস্থিত ফুসফুস থেকে শুরু করে ঠোট পর্যন্ত ধ্বনি উৎপাদনে ব্যবহৃত প্রতিটি প্রত্যঙ্গই বাগযন্ত্রের বাগ্যসমূহ হলো। মূল অন্তর্ভুক্ত। আলভিত, অধিজিহ্বা, কোমল তালু, শক্ত তালু, ওষ্ঠ, নাসারন্ধ, নাসিকা শহর, মুখ, নিচের চোয়াল, গলবিনীয় হার, যন্ত্র, খাদ্যনালী, শ্বাসনালী, ফুসফুস" }, { question: "স্বাধীন ফিলিস্তিন রাষ্ট্রকে সর্বপ্রথম কোন দেশ স্বীকৃতি প্রদান করে?", options: ["সৌদি আরব", "ইরাক", "আলজেরিয়া", "ইরান"], correctAnswer: "আলজেরিয়া", answered: false, description: "স্বাধীন ফিলিস্তিন রাষ্ট্রকে সর্বপ্রথম স্বীকৃতি দেয় আলজেরিয়া। " }, { question: "He ___ here since christmas", options: ["has not", "has", "had", "has not been"], correctAnswer: "has not been", answered: false, description: "" }, { question: "বঙ্গমাতা বেগম ফজিলাতুন্নেছা মুজিব পদক ২০২৩-এ ভূষিত ", options: ["নুরজাহান বেগম", "মোহাম্মাদ জাফর ইকবাল", "মাকসুদুল আলম", "সেঁজুতি সাহা"], correctAnswer: "সেঁজুতি সাহা", answered: false, description: "খেলাধুলার ক্ষেত্রে সাফ ফুটবল ২০২২ এ অপরাজিত চ্যাম্পিয়ন জাতীয় নারী ফুটবল দল ছাড়াও আরও চার নারী এই পদক লাভ করেন। প্রধানমন্ত্রী শেখ হাসিনা চার বিশিষ্ট নারী ও জাতীয় নারী ফুটবল দলকে বঙ্গমাতা বেগম ফজিলাতুন নেছা মুজিব পদক-২০২৩ প্রদান করেছেন।" }, ]; let currentColorIndex = 0; let score = 0; let quizCompleted = false; let timeLeft = 60; let quizStartTime; document.getElementById('progress-bar').style.display = 'block'; function startQuiz() { document.querySelector('.container').style.display = 'block'; const progressBar = document.getElementById('progress-bar'); if (progressBar) { progressBar.style.display = 'block'; } document.querySelector('.reloading').style.display = 'flex'; initGame();} function initGame() { document.getElementById('start-button').style.display = 'none'; quizStartTime = new Date(); displayQuestions(); startTimer(); updateScore();} function displayQuestions() { const container = document.getElementById("game-container"); container.innerHTML = ""; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement("div"); questionContainer.className = "question-container"; const questionText = document.createElement("div"); questionText.className = "question-text"; questionText.innerHTML = `${i + 1}. ${question}`; const optionsList = document.createElement("ul"); optionsList.className = "options-list"; options.forEach((option, index) => { const optionItem = document.createElement("li"); optionItem.innerHTML = option; optionItem.onclick = function () { checkMatch(option, i, optionItem); }; optionsList.appendChild(optionItem);}); const feedbackMessage = document.createElement("div"); feedbackMessage.className = "feedback-message"; questionContainer.appendChild(questionText); questionContainer.appendChild(optionsList); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer);} updateProgress();} function checkMatch(userAnswer, index, selectedOption) { if (quizCompleted || colorData[index].answered) { return;} const feedbackMessage = document.querySelectorAll(".feedback-message")[index]; if (userAnswer === colorData[index].correctAnswer) { showMessage(feedbackMessage, "Correct Answer", "green"); score++; } else { showMessage(feedbackMessage, "Incorrect Answer", "red");} colorData[index].answered = true; selectedOption.classList.add("selected"); const allAnswered = colorData.every(question => question.answered); if (allAnswered) { quizCompleted = true; updateProgress(); showPopup(`Quiz completed! Your final score is: ${score}`); } else { updateProgress(index);} updateScore();} function updateProgress() { const progressElement = document.getElementById('progress-bar'); const answeredQuestions = colorData.filter(question => question.answered).length; const totalQuestions = colorData.length; const progressPercentage = Math.round((answeredQuestions / totalQuestions) * 100); progressElement.style.width = `${progressPercentage}%`; const progressTextElement = document.getElementById('progress-bar-text'); if (progressPercentage > 0) { progressTextElement.innerHTML = `${progressPercentage}%`;} else { progressTextElement.innerHTML = '';} if (answeredQuestions === totalQuestions) { showPopup(`Quiz completed! Your final score is: ${score}`);}} function showMessage(element, message, color) { element.innerHTML = message; element.style.color = color; element.classList.add('show');} function showPopup(message) { const quizEndTime = new Date(); const timeSpent = Math.floor((quizEndTime - quizStartTime) / 1000); const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerHTML = `${message} <br> Time Spent: ${timeSpent} s`; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerHTML = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton);} popupContainer.appendChild(popup); document.body.appendChild(popupContainer);} function showAnswers() { const popupContainers = document.querySelectorAll('.popup-container'); popupContainers.forEach(container => container.parentNode.removeChild(container)); for (let i = 0; i < colorData.length; i++) { const { correctAnswer, description } = colorData[i]; const optionsList = document.querySelectorAll('.options-list')[i]; const existingDescriptionCaption = optionsList.querySelector('.answer-description-caption'); const existingDescription = optionsList.querySelector('.answer-description'); if (!existingDescriptionCaption && !existingDescription) { optionsList.childNodes.forEach((optionItem, index) => { var result = optionItem.innerHTML; const captionElement2 = document.createElement('div'); captionElement2.innerHTML = correctAnswer; var correct= captionElement2.innerHTML; console.log(result); console.log(captionElement2.innerHTML); if (optionItem.innerHTML === correct) { optionItem.style.fontWeight = 'bold'; optionItem.style.color = 'white'; optionItem.style.background = '#008080'; const captionElement = document.createElement('div'); captionElement.className = 'answer-description-caption'; captionElement.innerHTML = 'Answer Description:'; optionsList.appendChild(captionElement); const descriptionElement = document.createElement('div'); descriptionElement.className = 'answer-description'; descriptionElement.innerHTML = description; optionsList.appendChild(descriptionElement);} optionItem.onclick = null;}); colorData[i].answered = true;}} const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerHTML = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; const quizContainer = document.getElementById('quiz-container'); quizContainer.appendChild(reloadButton);} function disableOptions(index) { const optionsList = document.querySelectorAll('.options-list')[index]; optionsList.childNodes.forEach(optionItem => { optionItem.classList.add('disabled'); optionItem.onclick = null;});} function reloadQuiz() { location.reload();} function startTimer() { const timerElement = document.getElementById('timer'); const startTime = new Date().getTime(); function updateTimer() { if (!quizCompleted) { const elapsedTime = Math.floor((new Date().getTime() - startTime) / 1000); timerElement.innerHTML = `Timer: ${elapsedTime}s`; requestAnimationFrame(updateTimer); }} updateTimer();} function updateScore() { const scoreElement = document.getElementById('score'); scoreElement.innerHTML = `Score: ${score}`;} document.getElementById('start-button').addEventListener('click', initGame); </script>https://webschoolpro.blogspot.com/2024/02/Primary-School-Teacher-Model-Test-2023-Group1.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-5981160840558967424Thu, 15 Feb 2024 06:20:00 +00002024-02-15T01:07:49.641-08:00Model TestPrimary School Teacher<style> #start-button {font-weight: bold;font-size: 18px;padding: 30px 50px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 50px;display: block;margin-left: auto;margin-right: auto;} #start-button:hover {background-color: #003366;transform: scale(1.1);} #quiz-container {padding: 30px;} #blue-heading {margin-top: 20px;color: #0056B2;font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 20px;} #top-line {width: 100%;position: relative;} .question-container {display: flex;flex-direction: column;margin-bottom: 20px;border: 2px solid #fbfbfb;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .question-text {color: #000;font-size: 16px;font-weight: bold;} .options-list {list-style-type: none;padding: 0 15px 0 15px!important;display: flex;flex-direction: column;margin: 0!important;} .options-list li {border: 2px solid #0056B2;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;padding: 10px 20px!important;list-style: none !important;} .options-list li:hover {background-color: #0056B2;color: #fff;transform: scale(1.05);} .options-list li.selected {background-color: #0056B2;color: #fff;} .timer-score {text-align: right;} .feedback-message {font-size: 18px;margin-top: 05px;color: #333;opacity: 0;transition: opacity 0.5s;text-align: center;font-weight: bold;} .feedback-message.correct {color: #4CAF50;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;} .reloading {display: flex;justify-content: flex-end;margin-top: 20px;} #reload-button {font-size: 18px;padding: 15px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} .answer-description-caption {font-size: 18px;font-weight: bold;color: #0056B2;text-align: left;} .answer-description {font-size: 16px;color: #333;margin-top: 5px;text-align: left;font-weight: bold;} .popup-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;} .popup {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);max-width: 600px;text-align: center;flex-direction: column;display: flex;font-size: 16px;font-weight: bold;} .view-answers-button {font-size: 18px;padding: 20px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 30px;} .view-answers-button:hover {background-color: #003366;transform: scale(1.1);} #timer {font-size: 24px;color: #0056B2;position: absolute;font-weight: bold;} #progress {background-color: #ddd;height: 20px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;display: none;} #progress-bar {margin: 40px 0 0 0;height: 100%;width: 0;border-radius: 10px;background-color: #008080;transition: width 0.3s ease;} #progress-bar-fill {height: 100%;width: 0;background-color:#008080; overflow: hidden;transition: width 0.3s ease;} #progress-bar-text {font-weight: bold;color: white;font-size: 16px;transition: opacity 0.3s ease;text-align: center; } </style> <div id="quiz-container"> <div id="top-line"> <div class="timer-score" id="timer">Timer: 0 s</div> <div class="timer-score" id="score">Score: 0</div> </div> <h1 id="blue-heading">Word Matching Quiz</h1> <button id="start-button" onclick="initGame()">Start Game</button> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="progress-bar"> <div id="progress-bar-fill"></div> <div id="progress-bar-text"></div> </div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div></div> <script> const colorData = [ { question: 'আব্দুল্লাহ প্রতি ডজন কলা ২১ টাকা দরে ১৫ ডজন এবং ১৪ টাকা দরে ২০ ডজন ক্রয় করে। প্রতি ডজন কলা কি দামে বিক্রয় করলে গড়ে তার ডজন প্রতি ৫ টাকা লাভ হবে?', options: ['Red', 'Blue', 'Green', 'Yellow'], correctAnswer: 'Blue', answered: false, description: 'The sky appears blue during the day due to Rayleigh scattering of sunlight.' }, { question: 'What color is an orange?', options: ['Red', 'Orange', 'Yellow', 'Green'], correctAnswer: 'Orange', answered: false, description: 'An orange is named after its color, which is a mix of red and yellow pigments.' }, { question: 'What color is a banana?', options: ['Red', 'Yellow', 'Green', 'Brown'], correctAnswer: 'Yellow', answered: false, description: 'Bananas are green before ripening and turn yellow as they ripen.' }, ]; let currentColorIndex = 0; let score = 0; let quizCompleted = false; let timeLeft = 60; let quizStartTime; document.getElementById('progress-bar').style.display = 'block'; function startQuiz() { document.querySelector('.container').style.display = 'block'; const progressBar = document.getElementById('progress-bar'); if (progressBar) { progressBar.style.display = 'block'; } document.querySelector('.reloading').style.display = 'flex'; initGame();} function initGame() { document.getElementById('start-button').style.display = 'none'; quizStartTime = new Date(); displayQuestions(); startTimer(); updateScore();} function displayQuestions() { const container = document.getElementById('game-container'); container.innerHTML = ''; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement('div'); questionContainer.className = 'question-container'; const questionText = document.createElement('div'); questionText.className = 'question-text'; questionText.innerText = `${i + 1}. ${question}`; const optionsList = document.createElement('ul'); optionsList.className = 'options-list'; options.forEach((option, index) => { const optionItem = document.createElement('li'); optionItem.innerText = option; optionItem.onclick = function () { checkMatch(option, i, optionItem); }; optionsList.appendChild(optionItem);}); const feedbackMessage = document.createElement('div'); feedbackMessage.className = 'feedback-message'; questionContainer.appendChild(questionText); questionContainer.appendChild(optionsList); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer);} updateProgress();} function checkMatch(userAnswer, index, selectedOption) { if (quizCompleted || colorData[index].answered) { return;} const feedbackMessage = document.querySelectorAll('.feedback-message')[index]; if (userAnswer === colorData[index].correctAnswer) { showMessage(feedbackMessage, 'Correct Answer', 'green'); score++; } else { showMessage(feedbackMessage, 'Incorrect Answer', 'red');} colorData[index].answered = true; selectedOption.classList.add('selected'); const allAnswered = colorData.every(question => question.answered); if (allAnswered) { quizCompleted = true; updateProgress(); showPopup(`Quiz completed! Your final score is: ${score}`); } else { updateProgress(index);} updateScore();} function updateProgress() { const progressElement = document.getElementById('progress-bar'); const answeredQuestions = colorData.filter(question => question.answered).length; const totalQuestions = colorData.length; const progressPercentage = Math.round((answeredQuestions / totalQuestions) * 100); progressElement.style.width = `${progressPercentage}%`; const progressTextElement = document.getElementById('progress-bar-text'); if (progressPercentage > 0) { progressTextElement.innerText = `${progressPercentage}%`;} else { progressTextElement.innerText = '';} if (answeredQuestions === totalQuestions) { showPopup(`Quiz completed! Your final score is: ${score}`);}} function showMessage(element, message, color) { element.innerText = message; element.style.color = color; element.classList.add('show');} function showPopup(message) { const quizEndTime = new Date(); const timeSpent = Math.floor((quizEndTime - quizStartTime) / 1000); const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerHTML = `${message} <br> Time Spent: ${timeSpent} s`; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerText = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton);} popupContainer.appendChild(popup); document.body.appendChild(popupContainer);} function showAnswers() { const popupContainers = document.querySelectorAll('.popup-container'); popupContainers.forEach(container => container.parentNode.removeChild(container)); for (let i = 0; i < colorData.length; i++) { const { correctAnswer, description } = colorData[i]; const optionsList = document.querySelectorAll('.options-list')[i]; const existingDescriptionCaption = optionsList.querySelector('.answer-description-caption'); const existingDescription = optionsList.querySelector('.answer-description'); if (!existingDescriptionCaption && !existingDescription) { optionsList.childNodes.forEach((optionItem, index) => { if (optionItem.innerText === correctAnswer) { optionItem.style.fontWeight = 'bold'; optionItem.style.color = 'white'; optionItem.style.background = '#008080'; const captionElement = document.createElement('div'); captionElement.className = 'answer-description-caption'; captionElement.innerText = 'Answer Description:'; optionsList.appendChild(captionElement); const descriptionElement = document.createElement('div'); descriptionElement.className = 'answer-description'; descriptionElement.innerText = description; optionsList.appendChild(descriptionElement);} optionItem.onclick = null;}); colorData[i].answered = true;}} const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerText = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; const quizContainer = document.getElementById('quiz-container'); quizContainer.appendChild(reloadButton);} function disableOptions(index) { const optionsList = document.querySelectorAll('.options-list')[index]; optionsList.childNodes.forEach(optionItem => { optionItem.classList.add('disabled'); optionItem.onclick = null;});} function reloadQuiz() { location.reload();} function startTimer() { const timerElement = document.getElementById('timer'); const startTime = new Date().getTime(); function updateTimer() { if (!quizCompleted) { const elapsedTime = Math.floor((new Date().getTime() - startTime) / 1000); timerElement.innerText = `Timer: ${elapsedTime}s`; requestAnimationFrame(updateTimer); }} updateTimer();} function updateScore() { const scoreElement = document.getElementById('score'); scoreElement.innerText = `Score: ${score}`;} document.getElementById('start-button').addEventListener('click', startQuiz); </script>https://webschoolpro.blogspot.com/2024/02/Primary-School-Teacher-Model-Test-2018-District14.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-5682546322212410308Tue, 13 Feb 2024 09:45:00 +00002024-02-15T06:50:21.873-08:00englishGrammarParts of SpeechQuiz<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Quiz Game</title> <style> .correct { background-color: lightgreen; } </style> </head> <body> <h1 id="blue-heading">Word Matching Quiz</h1> <div class="mycontain" id="game-container"></div> <script> const colorData = [ { question: 'ইজরায়েলের গোয়েন্দা সংস্থার নাম কি? উত্তরঃ মোসাদ', options: ['Red', 'Blue', 'Green', 'Yellow'], correctAnswerIndex: 1, answered: false, description: 'The sky appears blue during the day due to Rayleigh scattering of sunlight.' }, { question: 'অপারেশনস, যেটি হল ইসরায়েলের জাতীয় গোয়েন্দা সংস্থা। এটি হল অমন', options: ['Red', 'Orange', 'Yellow', 'Green'], correctAnswerIndex: 1, answered: false, description: 'এবং শিন বেট (অভ্যন্তরীণ নিরাপত্তা) সহ ইসরায়েলি গোয়েন্দা' }, { question: 'এবং শিন বেট (অভ্যন্তরীণ নিরাপত্তা) সহ ইসরায়েলি গোয়েন্দা', options: ['Red', 'Yellow', 'Green', 'Brown'], correctAnswerIndex: 1, answered: false, description: 'Bananas are green before ripening and turn yellow as they ripen.' }, ]; function startQuiz() { document.getElementById('game-container').style.display = 'block'; displayQuestions(); } function displayQuestions() { const container = document.getElementById('game-container'); container.innerHTML = ''; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement('div'); questionContainer.className = 'question-container'; const questionText = document.createElement('div'); questionText.innerText = question; const optionsContainer = document.createElement('div'); optionsContainer.className = 'options-container'; options.forEach((option, index) => { const optionButton = document.createElement('button'); optionButton.innerText = option; optionButton.addEventListener('click', () => checkAnswer(i, index)); optionsContainer.appendChild(optionButton); }); questionContainer.appendChild(questionText); questionContainer.appendChild(optionsContainer); container.appendChild(questionContainer); } } function checkAnswer(questionIndex, selectedOptionIndex) { const { correctAnswerIndex } = colorData[questionIndex]; if (selectedOptionIndex === correctAnswerIndex) { alert('Correct!'); } else { alert('Incorrect!'); } // Call disabledOptions after checking the answer disabledOptions(questionIndex); } function disabledOptions(questionIndex) { const options = document.querySelectorAll('.options-container button'); const correctAnswerIndex = colorData[questionIndex].correctAnswerIndex; for (let i = 0; i < options.length; i++) { options[i].disabled = true; // Disable all options if (i === correctAnswerIndex) { options[i].classList.add("correct"); // Add a class to the correct answer for styling } } } // Start the quiz when the page loads window.onload = startQuiz; </script> </body> </html> https://webschoolpro.blogspot.com/2024/02/Parts-of-Speech-Quiz2.htmlnoreply@blogger.com (Unknown)0tag:blogger.com,1999:blog-6032781458046627813.post-2083179529094192752Mon, 12 Feb 2024 09:02:00 +00002024-02-13T02:07:05.381-08:00englishParts of SpeechQuiz<style> .quiz-container {padding: 30px;} .question-number h3 {color: #0056B2;border-bottom: 1px solid #ccc;margin: 0;padding-bottom: 10px;} .question {font-size: 22px;color: #000000;padding: 20px 0;} .options div {font-size: 18px;color: #000000;margin-bottom: 10px;border-radius: 10px;padding: 15px;position: relative;overflow: hidden;cursor: pointer;transition: background-color 0.3s, transform 0.3s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);opacity: 0;animation: fadeIn 0.5s forwards;} @keyframes fadeIn { from {opacity: 0;transform: translateY(-10px);} to {opacity: 1;transform: translateY(0);}} .options div.disabled {pointer-events: none;} .options div.correct{z-index: 1;color: #fff;font-weight:bold;} .options div.correct::before{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: #4caf50;z-index: -1;animation: animateBackground 1s ease;animation-fill-mode: forwards;} .options div.wrong{z-index: 1;color: #fff;font-weight:bold;} .options div.wrong::before{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background-color:#f44336;z-index: -1;animation: animateBackground 1s ease;animation-fill-mode: forwards;} @keyframes animateBackground{ 0%{transform: translateX(-100%);} 100%{transform: translateX(0%);}} .button .btn {padding: 15px 50px;border-radius: 8px;cursor: pointer;background-color: #00A4CC;font-size: 16px;color: #ffffff;border: none;display: inline-block;margin: 15px 0 20px;transition: background-color 0.3s;box-shadow: 0 5px 10px rgba(32, 168, 216, 0.2); font-weight:bold;} .button .btn:hover {background-color: #009688;} .answers-tracker {border-top: 1px solid #ccc;padding-top: 15px;} .answers-tracker div {height: 40px;width: 40px;background-color: #ffffff;display: inline-block;border-radius: 50%;margin-right: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .answers-tracker div.correct {background-color: #4caf50;} .answers-tracker div.wrong {background-color: #f44336;} .quiz-over {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);z-index: 10;display: none;align-items: center;justify-content: center;} .quiz-over.show {display: flex;} .quiz-over .box {background-color: #00A4CC;padding: 30px;border-radius: 10px;text-align: center;flex-basis: 600px;max-width: 700px;} .quiz-over .box button {padding: 15px 50px;border: none;background-color: #f57c00;border-radius: 8px;font-size: 16px;margin: 15px 0 20px;color: #ffffff;cursor: pointer;transition: background-color 0.3s;box-shadow: 0 5px 10px rgba(245, 124, 0, 0.2);font-weight:bold;} .quiz-over .box button:hover {background-color: #003366;} .start-button {display: flex;justify-content: center} #start-button {padding: 25px 60px;border-radius: 8px;cursor: pointer;background-color: #0056B2;font-size: 18px;color: #ffffff;border: none;display: inline-block;margin: 15px 0 20px;transition: background-color 0.3s ease;box-shadow: 0 5px 10px rgba(32, 168, 216, 0.2);font-weight:bold} #start-button:hover {background-color: #008080;} .modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.7);} .modal-content {background-color: #ffffff;margin: 30% auto;padding: 20px;border: 1px solid #ccc;border-radius: 10px;width: 50%;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} .close:hover {color: #333;} #modal-message {font-size: 18px;margin: 15px 0;} .fade-in {animation: fadeIn 0.5s;} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }} #top-line {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-radius: 8px;} .timer-score {color: #0056B2;font-size: 18px;font-weight:bold;} #timer {border-radius: 5px;} #score {border-radius: 5px;} @media only screen and (max-width: 768px) { .quiz-container { max-width: 90%; padding: 15px; } .options div { font-size: 14px; padding: 12px; } .button .btn { padding: 12px 40px; } } </style> <div class="quizContainer container-fluid well well-lg"> <div id="quiz1" class="text-center"> <h3 class="quiz-heading">Test Your Knowledge</h3> <span id="quiz-subheading" class="quiz-heading-large">Welcome to the Parts of Speech Quiz!</span> <br /> <h2 style="color: #008080; text-align: center;"> <samp id="Sub heading"> Parts of Speech</samp> </h2> </div> <div class="start-button"> <button id="start-button" onclick="initGame()">Start Game</button> </div> <div class="container"> <div class="question-container" id="game-container"></div> </div> <div class="quiz-container" id="quiz-container" style="display: none;"> <div class="question-number"> <h3>Question <span class="question-num-value"></span> of <span class="total-question"></span></h3> </div> <div id="top-line"> <div class="timer-score" id="timer">Time: 0s</div> <div class="timer-score" id="score">Score: 0</div> </div> <div class="question"> </div> <div class="options"> <div id="1" class="option1" onclick="check(this)"></div> <div id="2" class="option2" onclick="check(this)"></div> <div id="3" class="option3" onclick="check(this)"></div> <div id="4" class="option4" onclick="check(this)"></div> </div> <div class="button"> <button type="button" class="btn" onclick="next()">Next</button> </div> <div class="answers-tracker"> </div> </div> <div class="quiz-over"> <div class="box"> <h1> Good Try!<br> You Got <span class="correct-answers"></span> out of <span class="total-question2"></span> answers correct! <br> That's <span class="percentage"></span> <p>Time taken: <span id="quiz-timing">0 s</span></p> </h1> <button type="button" onclick="tryAgain()">TryAgain</button> </div> </div> <div id="custom-modal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal()">&times;</span> <p id="modal-message">Please Select one option</p> </div> </div> <script> const options=document.querySelector(".options").children; const answerTrackerContainer=document.querySelector(".answers-tracker"); const questionNumberSpan=document.querySelector(".question-num-value"); const totalQuestionSpan=document.querySelector(".total-question"); const correctAnswerSpan=document.querySelector(".correct-answers"); const totalQuestionSpan2=document.querySelector(".total-question2"); const percentage=document.querySelector(".percentage"); const question=document.querySelector(".question"); const op1=document.querySelector(".option1"); const op2=document.querySelector(".option2"); const op3=document.querySelector(".option3"); const op4=document.querySelector(".option4"); let questionIndex; let index=0; let myArray=[]; let myArr=[]; let score=0; let timerValue = 0; let timerInterval; const questions = [ { q: "What kind of noun is 'Cattle'?", options: ['Proper', 'Common', 'Collective', 'Material'], answer: 3 }, { q: "'I shall join the army'- here what kind of noun is 'army'?", options: ['Material noun', 'Proper noun', 'Common noun', 'Collective noun'], answer: 3 }, { q: "Who, What, Which, Whom are -", options: ['Demonstrative Pronoun', 'Reflexive Pronoun', 'Relative Pronoun', 'Indefinite Pronoun'], answer: 3 }, { q: "'Habit' শব্দটির Verb from কি?", options: ['Habitable', 'Habitation', 'Habitual', 'Habituate'], answer: 4 }, { q: "The jury were divided in their opinion- এখানে ‘jury’ কোন Noun?", options: ['Collective', 'Proper', 'Common', 'Abstract'], answer: 1 }, { q: "Accommodation-", options: ['Noun', 'Adjective', 'Preposition', 'Adverb'], answer: 1 }, { q: "নিচের শব্দগুলোর কোনটি Adjective?", options: ['crime', 'miser', 'special', 'laugh'], answer: 3 }, { q: "‘Homely’ শব্দটির কোন Parts of Speech?", options: ['Noun', 'Adjective', 'Verb', 'Adverb'], answer: 2 }, { q: "'Salt' কোন Noun?", options: ['Proper Noun', 'Material Noun', 'Common Noun', 'Collective Noun'], answer: 2 }, { q: "Beauty শব্দটির Verb form কি?", options: ['Beauty', 'Beautiful', 'Beautify', 'Beautifully'], answer: 3 }, { q: "Beautiful কোন Parts of Speech?", options: ['Noun', 'Adjective', 'Verb', 'Adverb'], answer: 2 }, { q: "Advice কোন পদ?", options: ['Verb', 'Pronoun', 'Adverb', 'Noun'], answer: 4 }, { q: "Conjunction কোনটি?", options: ['The', 'up', 'a', 'and'], answer: 4 }, { q: "Which is the noun of the word ‘beautiful’?", options: ['Beauty', 'Beautify', 'Beauteous', 'Beautifully'], answer: 1 }, { q: "The day of my sister’s marriage is drawing near’ The word 'near'is a/an-", options: ['adjective', 'verb', 'preposition', 'adverb'], answer: 4 }, { q: "‘Successful’ শব্দটির কোন ধরনের Parts of Speech?", options: ['noun', 'adjective', 'adverb', 'verb'], answer: 2 }, { q: "‘This is the go of the day. এখানে ‘go’ শব্দটি কোন Parts of Speech?", options: ['verb', 'adverb', 'noun', 'adjective'], answer: 3 }, { q: "Seeing the baby, the mother rose in her. এখানে ‘mother’ হলো-", options: ['common noun', 'proper noun', 'abstract noun', 'collective noun'], answer: 3 }, { q: "Nazrul is the Byron of Bangladesh. এখানে ‘Byron’ শব্দটি হলো-", options: ['proper noun', 'common noun', 'abstract noun', 'material noun'], answer: 2 }, { q: "He looked at himself in the mirror. এখানে ‘himself’ শব্দটি কোন pronoun?", options: ['reflexive pronoun', 'emphatic pronoun', 'distributive pronoun', 'relative pronoun'], answer: 1 }, { q: "‘Girl’ কোন ধরনের Noun?", options: ['proper noun', 'common noun', 'collective noun', 'material noun'], answer: 2 }, { q: "‘Heart’ শব্দটির adjective form হলো-", options: ['heart', 'hearten', 'heartening', 'heartful'], answer: 3 }, { q: "‘Family’ শব্দটির verb form হলো-", options: ['familiar', 'familiarly', 'familiarize', 'none of these'], answer: 3 }, { q: "One, Some, Any, Many, None are-", options: ['personal pronoun', 'indefinite pronoun', 'distributive pronoun', 'relative pronoun'], answer: 2 }, { q: "‘Love’ শব্দটি কোন Noun?", options: ['common noun', 'proper noun', 'abstract noun', 'collective noun'], answer: 3 }, { q: "‘Natural’ কোন পদ?", options: ['noun', 'verb', 'adjective', 'adverb'], answer: 3 }, { q: "What is the noun of the word ‘waste’?", options: ['waste', 'wasting', 'wastage', 'wasteful'], answer: 3 }, { q: "Change the word ‘clear’ into verb-", options: ['clearly', 'classification', 'cleanse', 'clarify'], answer: 4 }, { q: "‘Legal’ is-", options: ['an adjective', 'a pronoun', 'a verb', 'a noun'], answer: 1 } ]; totalQuestionSpan.innerHTML=questions.length; function load(){ questionNumberSpan.innerHTML=index+1; question.innerHTML=questions[questionIndex].q; op1.innerHTML=questions[questionIndex].options[0]; op2.innerHTML=questions[questionIndex].options[1]; op3.innerHTML=questions[questionIndex].options[2]; op4.innerHTML=questions[questionIndex].options[3]; index++; } function check(element) { if (element.id == questions[questionIndex].answer) { element.classList.add("correct"); updateAnswerTracker("correct"); score++; } else { element.classList.add("wrong"); updateAnswerTracker("wrong"); } disabledOptions(); document.getElementById('score').innerHTML = 'Score: ' + score; } function disabledOptions(){ for(let i=0; i<options.length; i++) { options[i].classList.add("disabled"); if(options[i].id==questions[questionIndex].answer){ options[i].classList.add("correct");}} } function enableOptions(){ for(let i=0; i<options.length; i++) { options[i].classList.remove("disabled","correct","wrong");} } function validate() { if (!options[0].classList.contains("disabled")) { openModal(); } else { enableOptions(); randomQuestion();} } function openModal() { const modal = document.getElementById('custom-modal'); modal.classList.add('fade-in'); modal.style.display = 'block'; window.onclick = function(event) { if (event.target == modal) { closeModal(); window.onclick = null;}}; } function closeModal() { const modal = document.getElementById('custom-modal'); modal.style.display = 'none'; modal.classList.remove('fade-in'); } function next(){ validate(); } function randomQuestion(){ let randomNumber=Math.floor(Math.random()*questions.length); let hitDuplicate=0; if(index==questions.length){ quizOver();} else{ if(myArray.length>0){ for(let i=0; i<myArray.length; i++){ if(myArray[i]==randomNumber){ hitDuplicate=1; break;}} if(hitDuplicate==1){ randomQuestion();} else{ questionIndex=randomNumber; load(); myArr.push(questionIndex);}} if(myArray.length==0){ questionIndex=randomNumber; load(); myArr.push(questionIndex);} myArray.push(randomNumber);} } function answerTrakcer(){ for(let i=0; i<questions.length; i++){ const div=document.createElement("div") answerTrackerContainer.appendChild(div);} } function updateAnswerTracker(classNam){ answerTrackerContainer.children[index-1].classList.add(classNam); } function quizOver(){ stopTimer(); document.querySelector(".quiz-over").classList.add("show"); correctAnswerSpan.innerHTML=score; totalQuestionSpan2.innerHTML=questions.length; percentage.innerHTML = ((score / questions.length) * 100).toFixed(2) + "%"; updateTiming(); } function tryAgain() { window.location.reload(); timerValue = 0; score = 0; } function initGame(){ document.getElementById('start-button').style.display = 'none'; document.getElementById('quiz-container').style.display = ''; randomQuestion(); answerTrakcer(); startTimer(); } function startTimer() { timerInterval = setInterval(function () { timerValue++; document.getElementById('timer').innerHTML = 'Time: ' + timerValue + 's'; }, 1000); } function stopTimer() { clearInterval(timerInterval); } function updateTiming() { const timingElement = document.getElementById('quiz-timing'); timingElement.innerHTML = timerValue + 's'; } </script>https://webschoolpro.blogspot.com/2024/02/Parts-of-Speech-Quiz.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-4118632299444744944Wed, 07 Feb 2024 13:08:00 +00002024-02-13T03:30:31.832-08:00englishParts of Speech<!--Button to start the quiz--> <div style="margin-top: 20px; text-align: right;"> <button onclick="window.open('https://webschoolpro.blogspot.com/2024/02/Parts-of-Speech-Quiz.html', '_blank');" onmouseout="this.style.background='linear-gradient(45deg, #024A57, #103B82)'; this.style.transform='translateY(0px)';" onmouseover="this.style.background='linear-gradient(45deg, #012E40, #08285E)'; this.style.transform='translateY(-2px)';" style="background: linear-gradient(45deg, rgb(2, 74, 87), rgb(16, 59, 130)); border-radius: 10px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; font-weight: bold; padding: 12px 24px; text-transform: uppercase; transition: background 0.3s ease 0s, transform 0.2s ease 0s;">Let's start the quiz</button> </div> <div class="separator" style="clear: both; text-align: center;"><img alt="Parts of Speech WebschoolPro" border="0" data-original-height="2200" data-original-width="1700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eVcEd69V2Nun23K8edOMqdac_1GYh8cqLWVBQ-pFfS5u0KBQj-A6b8F0bysIhkaPYFjbcopj029WoGSN2EFXJMJgGu438A5z9Wm0uAXkGWJGgHwM5pazOm8wGWTKDHbqPcFCKL8Q9WzR1mss-OG9wwlfOwg_rZHC8e8KHsI7WDCNVvIX1lxVtX1iKxGA/s16000/theory%20of%20parts%20of%20speech%20webschoolpro_00001.webp" title="Parts of Speech WebschoolPro" /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Parts of Speech WebschoolPro" border="0" data-original-height="2200" data-original-width="1700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLC6PyP3VU9VckvenSyrzWfXetOSDvrjlecRGtMZRcoZshFdd5E3feQB9ofqvYPKOtyFjQR5sDHz5hA4Wfk9DPZwZMb8X5CIS507C2aPJ2FDZNaDYVTsQgD3q2k2OawjBqSleuwsTJINc0U0sJfuDOlZa_xoYwcJ7rGPmE-EmzQWj-0lHWQIUEiI55j0Ij/s16000/theory%20of%20parts%20of%20speech%20webschoolpro_00002.webp" title="Parts of Speech WebschoolPro" /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Parts of Speech WebschoolPro" border="0" data-original-height="2200" data-original-width="1700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwohmBOPwIfFPekyLOBH-GSRjK0YvWThZvueYv9EJ2MTwU21OGcVe7iGTs8wv41sG8yZ259iEeeFXtue4CCxUE1h4ODJyAMyYoBkDRmXOojSWEy4VjKxYBg0jxn6BEcgej7_duTXa5ywvhD0xyqtvINv0CP5zp90y-x9pZIExXDPr_czCcGFi8LJWr8sUp/s16000/theory%20of%20parts%20of%20speech%20webschoolpro_00003.webp" title="Parts of Speech WebschoolPro" /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Parts of Speech WebschoolPro" border="0" data-original-height="2200" data-original-width="1700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9wrqQU1raw18i-bPqwOa2daz4LcZ2cv8OZ7gDHOzi6B89xzpQBoUlCJHXA8HLQfoZsEiwqHbegSXZdnIKT0a9Uam1l8P_0fxSibjQWeXjS5gQZMVBETl-KI48N6rHiXJvX00QMTAwpCrTI6Ll1nLHQqAJFqEZ61XOpqAZOF3-XDIDor23LRxuvMAoZZ-/s16000/theory%20of%20parts%20of%20speech%20webschoolpro_00004.webp" title="Parts of Speech WebschoolPro" /></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div> <!--Button to start the quiz--> <div style="margin-top: 20px; text-align: center;"> <button onclick="window.open('https://webschoolpro.blogspot.com/2024/02/Parts-of-Speech-Quiz2.html', '_blank');" onmouseout="this.style.background='linear-gradient(45deg, #024A57, #103B82)'; this.style.transform='translateY(0px)';" onmouseover="this.style.background='linear-gradient(45deg, #012E40, #08285E)'; this.style.transform='translateY(-2px)';" style="background: linear-gradient(45deg, rgb(2, 74, 87), rgb(16, 59, 130)); border-radius: 10px; border: none; color: white; cursor: pointer; display: inline-block; font-size: 20px; font-weight: bold; padding: 28px 36px; text-transform: uppercase; transition: background 0.3s ease 0s, transform 0.2s ease 0s;">Let's start the quiz</button> </div>https://webschoolpro.blogspot.com/2024/02/Parts-of-Speech.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-2917294554053888636Mon, 29 Jan 2024 15:24:00 +00002024-02-14T21:44:21.807-08:00ভাষা আন্দোলনভাষা শহীদ১৯৫২<h1 style="text-align: left;"><b>ভাষা আন্দোলনে শহীদদের পরিচিতি</b></h1><div><div>ভাষা আন্দোলন বাঙালি জাতির এক গৌরবময় ইতিহাস। বিশ্বে বাংলা ভাষাকে টিকিয়ে রাখার আন্দোলনকে ভাষা শহীদরা সার্থক করে তুলেছেন। তাদের রক্তের বিনিময়ে বাংলাকে পাকিস্তানের রাষ্ট্রভাষা হিসেবে স্বীকৃতি দেওয়া হয় এবং বাঙালি বিশ্বে নতুন সম্মান পায়। যদিও আজও অধিকাংশ বাংলা ভাষা শহীদদের সঠিক সংখ্যা, নাম, পরিচয় ও ছবি জানে না। মাতৃভাষার শক্তি সবাই জানে। তবে ১৯৫২ সালের প্রথম ভাষা আন্দোলনের শহীদদের সঠিক সংখ্যা এখনো বাঙালি জাতির কাছে অজানা। ভাষা আন্দোলনে রাষ্ট্রের সঠিক সংখ্যা সমগ্র থেকে গোপন করা হয়েছিল। ভাষা আন্দোলন নিয়ে রচিত পত্রিকার প্রতিবেদন, কবিতা, বইয়ের সংখ্যা নিয়ে বিভিন্ন তথ্য প্রকাশিত হয়েছে।</div>(a−b) (a2−ab) (a2−b2)a-b a2-ab a2-b2 এর লসাগু কোনটি ?<div>১৯৫২ সালের ২৩ শে ফেব্রুয়ারি ‘সৈনিক’ পত্রিকায় ‘শহীদ ছাত্রদের তাজা রক্তে রাজধানী ঢাকার রাজপথ রঞ্জিত’ প্রতিবেদনে ছাত্র আন্দোলনের নিহত ৭ এবং আহত ৩ শতাধিক উল্লেখ করা হয়। অন্যদিকে, ‘দৈনিক আজাদ’ পত্রিকায় ২১ ও ২২ শে ফেব্রুয়ারি নিহতের সংখ্যা ৯ উল্লেখ করা হয়েছিল।</div><div><br /></div><div>ভারতের কলকাতার তৎকালীন ‘আনন্দবাজার’ পত্রিকায় সংবাদের শিরোনাম ছিল- ‘বৃহস্পতি ও শুক্রবার মোট ৯ জন নিহত’। অন্য একটি পত্রিকায় নিহতের সংখ্যা ৬ উল্লেখ করা হয়। সাবেক প্রধানমন্ত্রী তাজউদ্দীন আহমদ তার ডায়েরিতে লিখেছিলেন- বেসরকারি তথ্যমতে মৃতের সংখ্যা ১২, আহত বহু।</div><div><br /></div><div>১৯৫২ সালের ২১ শে ফেব্রুয়ারি সন্ধ্যায় সীমান্ত পত্রিকার সম্পাদক মাহবুব উল আলম চৌধুরী তার লেখা ‘কাঁদতে আসিনি, ফাঁসির দাবী নিয়ে এসেছি’ কবিতাটিতে প্রথম লাইনে ৪০ জন শহীদের কথা উল্লেখ করা হয়। এটি সত্যি নাকি কবিতার অংশ তা আজও রহস্যময়।</div><div><br /></div><div>তবে <b><span style="color: red;">ভাষাশহিদ হিসেবে রাষ্ট্রীয় স্বীকৃতি পেয়েছেন পাঁচজন—আবুল বরকত, আবদুল জব্বার, রফিকউদ্দিন আহমদ, আবদুস সালাম ও শফিউর রহমান।</span> ২০০০ সালে তাদের রাষ্ট্রীয় একুশে পদকে ভূষিত করা হয়েছে। বরকত ও জব্বার ছিলেন ঢাকা বিশ্ববিদ্যালয়ের ছাত্র। রফিক ছিলেন বাদামতলী কমার্শিয়াল প্রেসের মালিকের ছেলে। তারা তিনজন নিহত হন ১৯৫২ সালের ২১ ফেব্রুয়ারি তারিখে। পরদিন ২২ ফেব্রুয়ারি পুলিশের গুলিতে মারা যান রিকশাচালক সালাম এবং হাইকোর্টের কর্মচারী শফিউর রহমান।</b> ১৯৫২ সালের ২২ ফেব্রুয়ারি প্রাণ হারানোর তালিকায় আরো দুটি নাম পাওয়া যায়—অহিউল্লাহ ও আবদুল আউয়াল। আন্তর্জাতিক মাতৃভাষা ইনস্টিটিউটের ওয়েবসাইটে ভাষাশহিদ হিসেবে এই দুজনের নাম-পরিচয় উল্লেখ আছে। এ ছাড়া সালাউদ্দীন নামেও একজন ২১ ফেব্রুয়ারি শহিদ হন বলে বিভিন্ন মাধ্যমে প্রকাশিত হয়েছে। কিন্তু একুশের শহীদ হিসেবে তাদের স্বীকৃতি মেলেনি। আর এ কারণে রাষ্ট্রীয় স্বীকৃতিপ্রাপ্ত পাঁচজনই ভাষাশহীদ হিসেবে সমাদৃত হচ্ছেন।</div><div><br /></div><div><b>ভাষা শহীদদের নাম</b></div><div>১৯৫২ সালের ভাষা আন্দোলনে সকল ভাষা শহীদদের নাম, পরিচয় ও ছবির তথ্য জানা যায়নি আজও। তবে ৮ জন শহীদের পরিচয় সম্পর্কে ইতিহাসে স্পষ্ট ধারণা রয়েছে। এসকল বীর ভাষা শহীদদের নাম হলো-</div><div><b>২১ শে ফেব্রুয়ারির ভাষা শহীদদের নাম</b></div><div>১. আব্দুল জব্বার</div><div>২. রফিক উদ্দিন আহমদ</div><div>৩. আবুল বরকত</div><div>৪. আব্দুস সালাম</div><div><b>২২ শে ফেব্রুয়ারির ভাষা শহীদদের নাম</b></div><div>৫. শহীদ শফিউর রহমান</div><div>৬. আব্দুল আউয়াল</div><div>৭. মোঃ অহিউল্লাহ</div><div>৮. এক অজ্ঞাত বালক</div></div><div><br /></div><div><div style="line-height: 48px; margin-bottom: 0in; text-align: left;"></div></div><div><div class="separator" style="clear: both;"><b>ভাষা শহীদ আব্দুল জব্বার</b><br />আব্দুল জব্বার ১৩ আগস্ট ১৯১৯ খ্রিস্টাব্দে ময়মনসিংহ জেলার গফরগাঁও উপজেলার রাওনা ইউনিয়নের পাঁচুয়া গ্রামে জন্মগ্রহণ করেন। তিনি পেশায় একজন সাধারণ গ্রামীণ কর্মজীবী ছিলেন। তার পিতার নাম- মরহুম হাসেন আলী এবং মাতার নাম- সাফাতুন্নেসা।</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEglYK3BTWftAR-dLUz4hyNYBz9ouqJlSLpdiizsLyqDsb4_QP5yFw9Sl5YCD_vbtnPxSAbjXSsKdn_eWj3l_6kn7zvxNafvhizg2KUbHtHP1ypT9_FSBAGvPc6tfD-cXfx5NljK83qF4rfyLq6CewEmFwHruFyu4nSStWiTpBrJkX1Q0DI4w2yhkWT7pKcF" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="676" data-original-width="509" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEglYK3BTWftAR-dLUz4hyNYBz9ouqJlSLpdiizsLyqDsb4_QP5yFw9Sl5YCD_vbtnPxSAbjXSsKdn_eWj3l_6kn7zvxNafvhizg2KUbHtHP1ypT9_FSBAGvPc6tfD-cXfx5NljK83qF4rfyLq6CewEmFwHruFyu4nSStWiTpBrJkX1Q0DI4w2yhkWT7pKcF" width="181" /></a></div>তার পরিবারে ছিল পিতা-মাতা, পাঁচ ভাই ও দুই বোন। আব্দুল জব্বার বিবাহিত ছিলেন। তার স্ত্রীর নাম ছিল- আমেনা খাতুন এবং আন্দোলনের সময় ১৫ মাস বয়সী তার একমাত্র ছেলের নাম- নুরুল ইসলাম বাদল। ১৯৫২ সালের ২১ ফেব্রুয়ারি তিনি শহীদ হন।<br /><br /><p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both;"><b>ভাষা শহীদ রফিক উদ্দীন আহমদ</b><br /><div style="text-align: left;">রফিক উদ্দিন আহমদ ৩০ অক্টোবর ১৯২৬ খ্রিস্টাব্দে মানিকগঞ্জ জেলার সিঙ্গাইর উপজেলার পারছিল গ্রামে জন্মগ্রহণ করেন। তিনি মানিকগঞ্জ জেলার দেবেন্দ্রনাথ কলেজের বাণিজ্য বিভাগের ২য় বর্ষের ছাত্র ছিলেন। তার পিতার নাম- মরহুম আব্দুল লতিফ এবং মাতার নাম- রাজিয়া খানম।</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiX-WKd28f9dxf0cTk9aIIMKx3nHx4EI5x578gz2sYpXq1oukNK3lF-vdaBJFbw4a4Rbs3o7uGX7kXuvqwTd2ECBYiR5q23facAwryOLlpLDEAGg-VplwbE-Q_zINsusLjWOaBzwi1XBts5-je7rrmU8bLGSVXcBNtTH9x_UeSGiq0nSQrqkK2bhUQFb3fP" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="" data-original-height="442" data-original-width="375" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEiX-WKd28f9dxf0cTk9aIIMKx3nHx4EI5x578gz2sYpXq1oukNK3lF-vdaBJFbw4a4Rbs3o7uGX7kXuvqwTd2ECBYiR5q23facAwryOLlpLDEAGg-VplwbE-Q_zINsusLjWOaBzwi1XBts5-je7rrmU8bLGSVXcBNtTH9x_UeSGiq0nSQrqkK2bhUQFb3fP" width="204" /></span></a></div></div><p style="text-align: left;"></p>তিনি ২০০০ সালে মরনোত্তর একুশে পদক পেয়েছিলেন। তার পরিবারে ছিল পিতা-মাতা ও তারা ২ ভাই। তার ছোট ভাই খোরশেদ আলম এখনো জীবিত। ১৯৫২ সালের ২১ ফেব্রুয়ারি তিনি শহীদ হন।<br /><b><br />ভাষা শহীদ আবুল বরকত</b><br />আবুল বরকত ১৬ই জুন ১৯২৭ খ্রিস্টাব্দে (তৎকালীন ভারতের) মুর্শিদাবাদ জেলার বাবলা ভরতপুর গ্রামে জন্মগ্রহণ করেন। তিনি ঢাকা বিশ্ববিদ্যালয়ের রাষ্ট্রবিজ্ঞানের এম এ (MA) ক্লাসের ছাত্র ছিলেন। তার পিতার নাম- মৌলভী শামসুজ্জোহা ওরফে ভুলু মিয়া এবং মাতার নাম- হাজী হাসিনা বিবি।<br /><p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjUY_bMpHfDpAKzStcO2mxaFlrZmiY1rIsRVmJR3-yvhM6J9CAwJcyXTi4_QRRX0td1CPwhszMVSXgA7VH39ElxTt2PpWbRCc7KZXHMUGZ3sVLaABeHOeySu8F-gdIGCdxQajGjYvbYhUJjOAsth4mGpAsyfBgeW0hgWMqUa8qouLSdEt1Ip61BwsSUl83e" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="" data-original-height="626" data-original-width="501" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEjUY_bMpHfDpAKzStcO2mxaFlrZmiY1rIsRVmJR3-yvhM6J9CAwJcyXTi4_QRRX0td1CPwhszMVSXgA7VH39ElxTt2PpWbRCc7KZXHMUGZ3sVLaABeHOeySu8F-gdIGCdxQajGjYvbYhUJjOAsth4mGpAsyfBgeW0hgWMqUa8qouLSdEt1Ip61BwsSUl83e" width="192" /></span></a></div>তার পরিবারে ছিল পিতা-মাতা, তিন বোন ও দুই ভাই। তিনি ছিলেন পিতামাতার চতুর্থ সন্তান এবং শিক্ষার জন্য ঢাকার পুরানা পল্টনে বসবাস করতেন। ১৯৫২ সালের ২১ ফেব্রুয়ারি তিনি শহীদ হন। এসকল ভাষা শহীদদের নাম, পরিচয় ও ছবি প্রকাশিত হয়েছিল বিভিন্ন সংবাদপত্রে।<div><br /><b>ভাষা শহীদ আব্দুস সালাম</b></div><div>আব্দুস সালাম ২৭ নভেম্বর ১৯২৫ খ্রিস্টাব্দে ফেনী জেলার দাগনভূঞা থানার লক্ষণপুর গ্রামে জন্মগ্রহণ করেন। তিনি ডাইরেক্টর অব কমার্স অ্যান্ড ইন্ডাস্ট্রি (Director of Commerce and Industry) অফিসে রেকর্ড কিপার (Record keeper) পদে চাকরি করতেন। তার পিতার নাম- মরহুম মো. ফাজিল মিয়া এবং মাতার নাম- দৌলতন নেতা।<br /><p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhYpAiTeiOxfUDug4WWpVY4IEGWKsi8DIYe21KyABh01XJOwEaBA4RRrRBxYo406Dx7t2YoYf7TqfAqmG4KH8us6zvBk32dOUhtrLthpviX78jVkXTp-gw2YM6Ri1Ow5vqjj0o-VDz49Um_vaHzvMhgLOAfgaY3XA7EfCLzpF7du-pmvj6f1rgBxS07fMJ5" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="" data-original-height="434" data-original-width="401" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEhYpAiTeiOxfUDug4WWpVY4IEGWKsi8DIYe21KyABh01XJOwEaBA4RRrRBxYo406Dx7t2YoYf7TqfAqmG4KH8us6zvBk32dOUhtrLthpviX78jVkXTp-gw2YM6Ri1Ow5vqjj0o-VDz49Um_vaHzvMhgLOAfgaY3XA7EfCLzpF7du-pmvj6f1rgBxS07fMJ5" width="222" /></span></a></div><p style="text-align: left;"></p>তার পরিবার ছিল পিতা-মাতা, তিন বোন ও চার ভাই। আব্দুস সালাম ছিলেন পরিবারের বড় ছেলে। তার সর্বকনিষ্ঠ ছোট ভাই এখনো জীবিত। ১৯৫২ সালের ২১ ফেব্রুয়ারি তিনি শহীদ হন।<br /><br /><b>ভাষা শহীদ শফিউর রহমান</b><br />শফিউর রহমান ২৪ জানুয়ারি ১৯১৮ খ্রিস্টাব্দে ভারতের হুগলি জেলার কোন্নাগর গ্রামে জন্য গ্রহণ করেন। তিনি ছিলেন ঢাকা হাইকোর্টের কর্মচারী এবং ঢাকা বিশ্ববিদ্যালয়ের আইন ক্লাসের প্রাইভেট ছাত্র। তার পিতার নাম- মরহুম মাহবুবুর রহমান এবং মাতার নাম মরহুমা কানেতাতুন্নেছা।<p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiIHuwhqMKHcWdopHPGEFrbWNHYfhSTYv0Z-BsCj1Tub4lWL_0UZvRdcyS7cC79awFB9BoXQqmQqUH1ROwv8AhObmk_-9AWCoaviYIU342zfqur4ZFTrSdX5XSR4ANpx5_JU_iai0ajLlkekNqVTwx66ejqDYIUwCQuLBOO0xpqdjXqK3Um8zF_STk-rS6P" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="500" data-original-width="385" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEiIHuwhqMKHcWdopHPGEFrbWNHYfhSTYv0Z-BsCj1Tub4lWL_0UZvRdcyS7cC79awFB9BoXQqmQqUH1ROwv8AhObmk_-9AWCoaviYIU342zfqur4ZFTrSdX5XSR4ANpx5_JU_iai0ajLlkekNqVTwx66ejqDYIUwCQuLBOO0xpqdjXqK3Um8zF_STk-rS6P" width="185" /></a></div></div></div></div>১৯৯০ সালের শফিউর রহমান মরণোত্তর একুশে পদক পান। বর্তমানে শফিউর রহমানের পরিবার ঢাকার উত্তরা মডেল টাউনে বসবাস করেন। শফিউর রহমানের স্ত্রী আকিলা খাতুন জীবিত আছেন। শফিউর রহমানের ছেলের নাম শফিকুর রহমান ও মেয়ের নাম আসফিয়া খাতুন। তিনি ১৯৫২ সালের ২২ শে ফেব্রুয়ারি ঢাকার বংশাল রোডে শহীদ হন। পরিবারের কাছে এই ভাষা শহীদদের নাম, পরিচয় ও ছবিসহ বীরত্বের ইতিহাস জানা যায়।<br /><br /><b>ভাষা শহীদ আব্দুল আউয়াল</b><br />আব্দুল আউয়াল ১১ই মার্চ ১৯৩৪ খ্রিস্টাব্দে ঢাকার গেন্ডারিয়ায় জন্মগ্রহণ করেন। তিনি পেশায় একজন রিকশাচালক ছিলেন। তার পিতার নাম- মোঃ আব্দুল হাশেম। <p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiwjwhgWKjLoBTzloriAudvRmUp6hjHxyOSdXe1VRSJNW24_fqUub3-Ror1_hXJD2Q7_C2b1mnnq3NniZ8UDTqAm7aZ8XoVO4yEiIlcjT9oJmVA4tud7qVswuG0vxd6-s3xQoibOADSpc27JEbPRfzwhICSOeckN84Qg9D3iRdrSvbMqkFVI9Cxl3eDDTwm" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="" data-original-height="450" data-original-width="425" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEiwjwhgWKjLoBTzloriAudvRmUp6hjHxyOSdXe1VRSJNW24_fqUub3-Ror1_hXJD2Q7_C2b1mnnq3NniZ8UDTqAm7aZ8XoVO4yEiIlcjT9oJmVA4tud7qVswuG0vxd6-s3xQoibOADSpc27JEbPRfzwhICSOeckN84Qg9D3iRdrSvbMqkFVI9Cxl3eDDTwm" width="227" /></span></a></div>১৯৫২ সালের ২২ শে ফেব্রুয়ারি সশস্ত্র বাহিনীর মোটর গাড়ির নিচে চাপা পড়ে তিনি শহীদ হন।<br /><b><br />ভাষা শহীদ মোঃ অহিউল্লাহ</b><br />মোঃ অহিউল্লাহ ১১ সেপ্টেম্বর ১৯৪১ খ্রিস্টাব্দে জন্মগ্রহণ করে। সে ছিল ভাষা আন্দোলনের সর্বকনিষ্ঠ ভাষা শহীদ। সে একজন শিশু শ্রমিক ছিল। তার পিতার নাম হাবিবুর রহমান, যিনি পেশায় একজন রাজমিস্ত্রি ছিলেন। <p class="MsoNormal" style="line-height: normal; text-align: left;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhB-NyCGIF1v7aUou0c1yH8B-DDb4z5Ep2YOSi948HzHzh2WtRBlNvdLJyW46sGS03RaiexgqOxm5gA3UbC1QhVhB_X2WOZYyi1Oip_IFI3Z-RcL-t503nRp4ZHtqhvWzIJuceUoXa6WVAVasuLJt-WM97DjfhUm-wcFhOSzbwORKNIvhpSheWnfiHXKVm3" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="" data-original-height="400" data-original-width="312" height="240" src="https://blogger.googleusercontent.com/img/a/AVvXsEhB-NyCGIF1v7aUou0c1yH8B-DDb4z5Ep2YOSi948HzHzh2WtRBlNvdLJyW46sGS03RaiexgqOxm5gA3UbC1QhVhB_X2WOZYyi1Oip_IFI3Z-RcL-t503nRp4ZHtqhvWzIJuceUoXa6WVAVasuLJt-WM97DjfhUm-wcFhOSzbwORKNIvhpSheWnfiHXKVm3" width="187" /></span></a></div><p style="text-align: left;"></p>১৯৫২ সালের ২২ শে ফেব্রুয়ারি ঢাকা নবাবপুর এলাকায় বংশাল রোডে পুলিশের গুলিতে তিনি শহীদ হন। তবে তার লাশ পুলিশ অপহরণ করেছিল।<br /><br /><b>ভাষা শহীদ- বালক (পরিচয় অজ্ঞাত)</b><br />১৯৫২ সালের ২১ শে ফেব্রুয়ারিতে শহীদদের শোকে ২২ শে ফেব্রুয়ারি ১৪৪ ধারা ভঙ্গ করে যে শোক মিছিল হয়েছিল সেখানে এই অল্পবয়সী বালক অংশগ্রহণ করেছিল। তৎকালীন সশস্ত্র বাহিনী মিছিল থেকে ছত্রভঙ্গ করার জন্য মিছিলের মধ্যখানে ট্রাক চালিয়ে দেয়। সেখানে কার্জন হল এলাকায় মোটরগাড়ি দুর্ঘটনায় এই অজ্ঞাতনামা বালক শহীদ হন। এই বালকসহ অন্যান্য ভাষা শহীদদের নাম, পরিচয় ও ছবির তথ্য পাওয়া যায়নি কোথাও।<br /><br /><b>শেষকথা</b><br />ভাষা শহীদ আমাদের দেশের অর্জন এবং বাঙালি জাতির গর্ব। এই ভাষা শহীদদের নাম, পরিচয় ও ছবি আমাদের মনে ভাষার প্রতি গভীর ভালোবাসা জাগায়। শহীদদের আত্মত্যাগের বিনিময়ে আমরা পেয়েছি আমাদের মাতৃভাষা। তাই বাংলা ভাষার মর্যাদা নিশ্চিত করতে বুকের রক্ত ​​সঠিকভাবে মূল্যায়ন করা সকল বাঙালির দায়িত্ব।<span><a name='more'></a></span><br /><br /> <br /><br /><div class="tw-target-rmn tw-ta-container F0azHf tw-nfl" id="tw-target-rmn-container" style="background-color: #303134; color: #bdc1c6; font-family: arial, sans-serif; font-size: 0px; outline: 0px; overflow: hidden; position: relative;"></div></div></div>https://webschoolpro.blogspot.com/2024/01/---.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-4690284027320192813Wed, 17 Jan 2024 08:33:00 +00002024-01-28T01:10:08.223-08:00<style> svg path { fill: #00394f; stroke: #001e30; stroke-width: 0.25em; transition: fill 0.3s ease; } svg path:hover { fill: #006284; transition: fill 0.6s; cursor: pointer; } form { margin-top: 20px; } input[type="text"] { padding: 10px; font-size: 16px; width: 70%; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; } button {margin-bottom:10px; padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: #fff; border: none; border-radius: 4px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; } button:hover { box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); } #countryCountMessage, #timer { margin-top: 20px; font-size: 18px; } #continentTables { display: flex; overflow-x: auto; } .post-body table {margin-bottom: 10px!important} table { border-collapse: collapse; width: 200px; margin-right: 20px; border: 2px solid blueviolet; } caption { padding: 10px; background-color: #ff6b6b; border: 2px solid rgb(27, 215, 34); font-weight: bold; font-size: 18px; } th { display: none; } td { display: flex; border: 1px solid green; padding: 8px; text-align: left; } thead { background-color: #f2f2f2; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .popup-content { background: #fff; padding: 20px; border-radius: 5px; text-align: center; } .popup-content button { padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: #fff; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; } .svg-tooltip { position: absolute; background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 5px; border-radius: 3px; font-size: 12px; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } #continentTables > div { margin-bottom: 10px; /* Adjust the value as needed for the desired separation */ } @media screen and (max-width: 768px) { input[type="text"] { width: 100%; margin-right: 0; margin-bottom: 10px; } #continentTables { flex-direction: column; } table { width: 100%; margin-right: 0; } } </style> <?xml version="1.0"?> <svg baseprofile="tiny" stroke-linecap="round" stroke-linejoin="round" version="1.2" viewbox="0 0 2000 857" xmlns="http://www.w3.org/2000/svg"> <a class="country-link" href="https://en.wikipedia.org/wiki/Afghanistan"> <path data-country="afghanistan" data-continent="asia" d="M1383 261.6l1.5 1.8-2.9 0.8-2.4 1.1-5.9 0.8-5.3 1.3-2.4 2.8 1.9 2.7 1.4 3.2-2 2.7 0.8 2.5-0.9 2.3-5.2-0.2 3.1 4.2-3.1 1.7-1.4 3.8 1.1 3.9-1.8 1.8-2.1-0.6-4 0.9-0.2 1.7-4.1 0-2.3 3.7 0.8 5.4-6.6 2.7-3.9-0.6-0.9 1.4-3.4-0.8-5.3 1-9.6-3.3 3.9-5.8-1.1-4.1-4.3-1.1-1.2-4.1-2.7-5.1 1.6-3.5-2.5-1 0.5-4.7 0.6-8 5.9 2.5 3.9-0.9 0.4-2.9 4-0.9 2.6-2-0.2-5.1 4.2-1.3 0.3-2.2 2.9 1.7 1.6 0.2 3 0 4.3 1.4 1.8 0.7 3.4-2 2.1 1.2 0.9-2.9 3.2 0.1 0.6-0.9-0.2-2.6 1.7-2.2 3.3 1.4-0.1 2 1.7 0.3 0.9 5.4 2.7 2.1 1.5-1.4 2.2-0.6 2.5-2.9 3.8 0.5 5.4 0z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Angola"> <path data-country="angola" data-continent="africa" d="M 1121.2 572 1121.8 574 1121.1 577.1 1122 580.1 1121.1 582.5 1121.5 584.7 1109.8 584.6 1109 605.1 1112.6 610.3 1116.2 614.3 1105.8 616.9 1092.3 616 1088.5 613 1065.8 613.2 1065 613.7 1061.7 610.8 1058.1 610.6 1054.7 611.7 1052 612.9 1051.5 608.9 1052.4 603.2 1054.4 597.3 1054.7 594.6 1056.6 588.8 1058 586.2 1061.3 582 1063.2 579.1 1063.8 574.4 1063.5 570.7 1061.9 568.4 1060.4 564.5 1059.1 560.7 1059.4 559.3 1061.1 556.8 1059.5 550.6 1058.3 546.3 1055.5 542.2 1056.1 541 1058.4 540.1 1060.1 540.2 1062.1 539.5 1078.8 539.6 1080.1 544.3 1081.7 548.2 1083 550.3 1085.1 553.6 1088.9 553.1 1090.7 552.2 1093.8 553.1 1094.7 551.5 1096.2 547.8 1099.7 547.5 1100 546.4 1102.9 546.4 1102.4 548.7 1109.2 548.6 1109.3 552.7 1110.4 555.1 1109.5 559 1109.9 563 1111.7 565.4 1111.3 573 1112.7 572.4 1115.1 572.6 1118.6 571.6 1121.2 572 Z"></path> <path data-country="angola" data-continent="africa" d="M 1055.3 539 1053.8 534.2 1056.1 531.4 1057.8 530.3 1059.9 532.5 1057.9 533.9 1056.9 535.5 1056.7 538.3 1055.3 539 Z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Albania"> <path data-country="albania" d="M1088 228l0.4 1.2 1.4-0.6 1.2 1.7 1.3 0.7 0.6 2.3-0.5 2.2 1 2.7 2.3 1.5 0.1 1.7-1.7 0.9-0.1 2.1-2.2 3.1-0.9-0.4-0.2-1.4-3.1-2.2-0.7-3 0.1-4.4 0.5-1.9-0.9-1-0.5-2.1 1.9-3.1z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/United_Arab_Emirates"> <path data-country="uae" d="M1296.2 336.7l1.3 5.1-2.8 0 0 4.2 1.1 0.9-2.4 1.3 0.2 2.6-1.3 2.6 0 2.6-1 1.4-16.9-3.2-2.7-6.6-0.3-1.4 0.9-0.4 0.4 1.8 4.2-1 4.6 0.2 3.4 0.2 3.3-4.4 3.7-4.1 3-4 1.3 2.2z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Argentina"> <path data-country="argentina" d="M 669.1 851.7 666.1 851.5 661.1 851.5 655.1 837.9 658.2 840.7 662.5 845.3 670.3 849 677.6 850.5 676.8 853.5 672.4 853.8 669.1 851.7 Z"></path> <path data-country="argentina" d="M 638.6 644.7 649.9 655.1 654.5 656.1 661.8 660.9 667.7 663.4 668.8 666.2 664.6 676 670.4 677.7 676.7 678.7 680.9 677.7 685.2 672.7 685.5 667.1 688.1 665.8 691.3 669.6 691.7 674.7 687.5 678.2 684.2 680.8 678.9 687.1 672.9 695.8 672.4 701 672 707.6 673.2 714 672.3 715.4 672.7 719.5 673 722.9 680.8 728.4 681 732.8 684.9 735.6 685.2 738.7 681.9 746.9 674.9 750.4 664.7 751.7 658.7 751 660.8 754.9 660.9 759.6 662.7 762.8 660.2 765.1 655.1 766 649.5 763.6 648 765.3 650.5 771.6 654.5 773.5 656.8 771.5 659.3 774.8 655.1 776.8 652.2 780.8 653.4 787.1 653.3 790.5 648.5 790.5 645.5 793.7 645.6 798.5 652.1 803.1 657.3 804.3 657.5 810 652.9 813.5 652.3 820.8 648.8 823.2 647.9 826.1 652.1 832.6 656.7 836.1 654.6 835.8 649.7 834.8 637.6 834 634.1 830.4 632.2 825.8 629.1 826.2 626.5 823.9 623.4 817.4 626.1 814.6 626.2 810.7 624.4 807.5 625.1 802.1 624 793.8 622.2 790.1 624 788.9 622.6 786.5 619.8 785.3 620.6 782.6 617.5 780.2 613.8 772.9 615.5 771.6 612.2 763.8 611.4 757.3 611.2 751.6 613.7 749.3 610.4 743 608.8 737.2 611.8 733 610.4 727.6 612 721.4 610.6 715.5 609 714.3 604.1 703.2 606.2 696.6 604.5 690.4 605.4 684.5 608 678.5 611.3 674.5 609.3 672 610.1 669.9 608.5 659.2 614.1 656.1 615.3 649.4 614.4 647.8 618.4 642 625.9 643.6 629.6 648.2 631.2 643 637.6 643.3 638.6 644.7 Z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Armenia"> <path data-country="armenia" d="M1230.8 253l-1.8 0.2-2.8-3.7-0.2-1-2.3 0-1.9-1.7-1 0.1-2.4-1.8-4.2-1.6-0.1-3.1-1.3-2.2 7-1 1.4 1.6 2.2 1.1-0.7 1.6 3.2 2.2-1.1 2.1 2.6 1.7 2.5 1 0.9 4.5z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Australia"> <path data-country="australia" d="M 1743 763.6 1746.7 765.8 1750 764.9 1754.9 763.7 1757.7 764.1 1753.2 771.7 1749.9 773.8 1745.9 779 1745.3 777.2 1738.7 781.6 1737.9 781.3 1734.9 781.1 1735.4 775.7 1737.4 771.5 1738 765.9 1740 763 1743 763.6 Z"></path> <path data-country="australia" d="M 1793.5 590.2 1794.7 595.2 1798.7 592.8 1800.1 595.5 1802.4 598 1801.3 600.9 1801.5 606.4 1801.7 609.6 1803 610.4 1803.4 615.9 1802.2 619.2 1803 623.5 1808.4 626.9 1811.6 629.9 1814.8 632.7 1813.7 634.3 1816 638.3 1816.5 645.3 1819.1 643.9 1820.6 646.6 1822.2 645.7 1821.5 652.5 1824.4 656.4 1826.3 658.8 1829.1 664 1829.1 669.2 1828.1 672.9 1826.3 676.8 1827 682.3 1824.5 688 1822.4 691 1818.6 696.7 1817.1 700.4 1814 705 1809 710.8 1803.5 714 1799.1 718.9 1795.8 722.1 1791.4 727.6 1787.7 730.8 1783.8 735.6 1780.7 740 1779.9 742.1 1775.6 744.3 1769.5 744.5 1763.2 747.2 1759.4 749.6 1754.6 752.4 1751.9 749.5 1749.3 748.4 1751.9 745.1 1748.4 746.3 1741.2 750.9 1737.6 749.2 1735.2 748.2 1732.4 747.7 1728.3 745.9 1727 741.9 1728.5 737.1 1728.9 733.8 1727.5 731.2 1722.8 730.5 1726 727.3 1726.9 722.6 1722.2 727 1716.9 728.2 1721.4 724.7 1723.9 721 1727.4 717.8 1729 713.1 1722.2 718.5 1717.9 720.7 1713.6 725.8 1710.6 723.2 1712.3 719.8 1710.9 715.1 1709.1 712.7 1710.7 711.2 1705.4 707.3 1701.6 707.2 1697.6 704 1687.7 704.6 1679.8 706.9 1672.9 709.1 1667.9 708.7 1660.9 712 1655.6 713.4 1653.3 716.8 1650.3 719.4 1645.6 719.6 1642 720.1 1637.8 719 1633.6 719.7 1629.8 720 1625.3 723.4 1623.8 723.1 1620.4 724.9 1617 726.9 1613.2 726.7 1609.7 726.7 1605.6 722.6 1603.2 721.4 1604.7 717.7 1607.6 716.8 1609.1 715.4 1609.7 713.1 1612 708.6 1612.7 704.8 1612 698.3 1612.2 694.6 1613.6 691 1612.7 686.8 1613 684.9 1611.3 682.3 1612 677.3 1610.1 672.2 1610 669.5 1611.8 672.3 1611.3 666.3 1613.6 668.2 1614.7 670.7 1615.3 667.4 1613.7 662.3 1613.6 660.3 1612.8 658.4 1614.1 654.7 1615.6 653.1 1616.9 649.9 1617 646.1 1620.1 641.5 1619.7 646.4 1622.8 642 1627.7 639.8 1630.9 637.1 1635.6 634.7 1638.2 634.2 1639.6 635 1644.4 632.6 1647.9 631.9 1649 630.5 1650.5 629.9 1653.6 630.1 1659.8 628.2 1663.3 625.3 1665.3 621.9 1669.2 618.7 1669.9 616.1 1670.6 612.6 1675.5 607.1 1676.9 612.7 1679.5 611.4 1678 608.4 1680.3 605.3 1682.5 606.7 1684 601.8 1687.5 598.6 1689.3 596.1 1692.2 595 1692.6 593.2 1694.9 593.9 1695.3 592.3 1697.9 591.4 1700.7 590.5 1704.4 593.5 1707 597.3 1710.5 597.3 1714 597.9 1713.3 594.4 1716.8 589.3 1719.5 587.6 1718.9 586 1721.8 582.3 1725.5 580 1728.2 580.8 1733.1 579.6 1733.4 576.3 1729.5 574.2 1732.6 573.3 1736.2 574.9 1738.9 577.5 1743.4 579.1 1745.1 578.5 1748.4 580.5 1751.9 578.6 1753.9 579.2 1755.4 577.9 1757.6 581.1 1755.6 584.6 1753.1 587.2 1751.2 587.4 1751.5 589.9 1749.3 593.1 1746.8 596.3 1747 598.1 1750.8 601.7 1754.8 603.7 1757.3 605.9 1760.6 609.7 1762.2 609.7 1764.8 611.4 1765.3 613.4 1770.2 615.5 1774.3 613.3 1776.1 609.9 1777.8 607 1779.1 603.5 1781.7 598.4 1781.5 595.3 1782.2 593.4 1782.1 589.8 1783.5 584.9 1784.8 583.6 1784.2 581.5 1786 578.1 1787.5 574.6 1787.9 572.7 1790.2 570.3 1791.5 573.5 1791.4 577.5 1792.7 578.3 1792.6 581 1794.2 584.2 1794.1 587.9 1793.5 590.2 Z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Austria"> <path data-country="austria" d="M1070.6 190.8l-0.3 0.8 0.7 2.1-0.2 2.6-2.8 0 1.1 1.4-1.3 4-0.9 1.1-4.4 0.1-2.4 1.5-4.2-0.5-7.3-1.7-1.3-2.1-4.9 1.1-0.5 1.2-3.1-0.9-2.6-0.2-2.3-1.2 0.7-1.5-0.2-1.1 1.4-0.3 2.7 1.7 0.6-1.7 4.4 0.3 3.5-1.1 2.4 0.2 1.7 1.3 0.4-1.1-1-4.1 1.7-0.8 1.6-2.9 3.8 2.1 2.6-2.6 1.7-0.5 4 1.9 2.3-0.3 2.4 1.2z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Azerbaijan"> <path data-country="azerbaijan" d="M 1229 253.2 1225.2 252.3 1222 249.4 1220.8 246.9 1221.8 246.8 1223.7 248.5 1226 248.5 1226.2 249.5 1229 253.2 Z"></path> <path data-country="azerbaijan" d="M 1235.3 236.2 1237.8 233.6 1241.3 236.9 1244.9 241.5 1247.4 241.8 1249.3 243.5 1245.1 244 1245.2 249 1244.8 251.2 1243.1 252.7 1243.9 255.8 1242.6 256.2 1238.7 252.8 1239.9 249.7 1238 247.8 1236.1 248.3 1230.8 253 1229.9 248.5 1227.4 247.5 1224.8 245.8 1225.9 243.7 1222.7 241.5 1223.4 239.9 1221.2 238.8 1219.8 237.2 1220.9 236.1 1225.1 238 1228 238.3 1228.6 237.6 1225.3 234.1 1226.5 233.3 1228 233.5 1232.3 237.3 1234.7 237.8 1235.3 236.2 Z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Burundi"> <path data-country="burundi" d="M1154.9 530.4l-0.6 0.1 0-0.3-2-6.1-0.01-0.06-0.09-1.04-1.4-2.9 3.5 0.5 1.7-3.7 3.1 0.4 0.3 2.5 1.2 1.5 0 2.1-1.4 1.3-2.3 3.4-2 2.3z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Belgium"> <path data-country="belgium" d="M1016.5 177.1l-0.4 4.2-1.3 0.2-0.4 3.5-4.4-2.9-2.5 0.5-3.5-2.9-2.4-2.5-2.2-0.1-0.8-2.2 3.9-1.2 3.6 0.5 4.5-1.3 3.1 2.7 2.8 1.5z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Benin"> <path data-country="benin" d="M1006.7 427l-0.2 2.1 1.3 3.8-1.1 2.6 0.6 1.7-2.8 4-1.7 2-1.1 4 0.2 4.1-0.3 10.3-4.7 0.8-1.4-4.4 0.3-14.8-1.2-1.3-0.2-3.2-2-2.2-1.7-1.9 0.7-3.4 2-0.7 1.1-2.8 2.8-0.6 1.2-1.9 1.9-1.9 2 0 4.3 3.7z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Burkina_Faso"> <path data-country="burkina faso" d="M988.5 406l-0.5 3.1 0.8 2.9 3.1 4.2 0.2 3.1 6.5 1.5-0.1 4.4-1.2 1.9-2.8 0.6-1.1 2.8-2 0.7-4.9-0.1-2.6-0.5-1.8 1-2.5-0.5-9.8 0.3-0.2 3.7 0.8 4.8-3.9-1.6-2.6 0.2-2 1.6-2.5-1.3-1-2.2-2.5-1.4-0.4-3.7 1.6-2.7-0.2-2.2 4.5-5.3 0.9-4.4 1.5-1.6 2.7 0.9 2.4-1.3 0.8-1.7 4.3-2.8 1.1-2 5.3-2.7 3.1-0.9 1.4 1.2 3.6 0z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Bangladesh"> <path data-country="bangladesh" d="M1500.6 360.3l0.6 4.6-2.1-1 1.1 5.2-2.1-3.3-0.8-3.3-1.5-3.1-2.8-3.7-5.2-0.3 0.9 2.7-1.2 3.5-2.6-1.3-0.6 1.2-1.7-0.7-2.2-0.6-1.6-5.3-2.6-4.8 0.3-3.9-3.7-1.7 0.9-2.3 3-2.4-4.6-3.4 1.2-4.4 4.9 2.8 2.7 0.3 1.2 4.5 5.4 0.9 5.1-0.1 3.4 1.1-1.6 5.4-2.4 0.4-1.2 3.6 3.6 3.4 0.3-4.2 1.5 0 4.4 10.2z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Bulgaria"> <path data-country="bulgaria" d="M1132.6 221.6l-2.3 2.6-1.3 4.5 2.1 3.6-4.6-0.8-5 2 0.3 3.2-4.6 0.6-3.9-2.3-4 1.8-3.8-0.2-0.8-4.2-2.8-2.1 0.7-0.8-0.6-0.8 0.6-2 1.8-2-2.8-2.7-0.7-2.4 1.1-1.4 1.8 2.6 1.9-0.4 4 0.9 7.6 0.4 2.3-1.6 5.9-1.5 4 2.3 3.1 0.7z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Bosnia_and_Herzegovina"> <path data-country="bosnia and herzegovina" d="M1083 214.3l1.9-0.1-1.1 2.8 2.7 2.5-0.5 2.9-1.1 0.3-0.9 0.6-1.6 1.5-0.4 3.5-4.8-2.4-2.1-2.7-2.1-1.4-2.5-2.4-1.3-1.9-2.7-3 0.8-2.6 2 1.5 1-1.4 2.3-0.1 4.5 1.1 3.5-0.1 2.4 1.4z"> </path></a> <a class="country-link" href="https://en.wikipedia.org/wiki/Belarus"> <path data-country="belarus" d="M1141.6 162.7l-3.9-0.2-0.8 0.6 1.5 2 2 4-4.1 0.3-1.3 1.4 0.3 3.1-2.1-0.6-4.3 0.3-1.5-1.5-1.7 1.1-1.9-0.9-3.9-0.1-5.7-1.5-4.9-0.5-3.8 0.2-2.4 1.6-2.3 0.3-0.5-2.8-1.9-2.8 2.8-1.3-0.4-2.4-1.7-2.3-0.6-2.7 4.7 0 4.8-2.3 0.5-3.4 3.6-2-1-2.7 2.7-1 4.6-2.3 5.3 1.5 0.9 1.5 2.4-0.7 4.8 1.4 1.1 2.9-0.7 1.6 3.8 4 2.1 1.1 0 1.1 3.4 1.1 1.7 1.6-1.6 1.3z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Belize"> <path data-country="belize" d="M487.8 399.8l-1.7 0 1.3-7.2 0.7-5.1 0.1-1 0.7-0.3 0.9 0.8 2.5-3.9 1.1-0.1-0.1 1 1 0-0.3 1.8-1.3 2.7 0.4 1-0.9 2.3 0.3 0.6-1 3.3-1.3 1.7-1.1 0.2-1.3 2.2z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Bolivia"> <path data-country="bolivia" d="M662.5 631.4l-0.3-2-5.4-3.3-5.2-0.1-9.6 1.9-2.1 5.6 0.2 3.5-1.5 7.7-1-1.4-6.4-0.3-1.6 5.2-3.7-4.6-7.5-1.6-4 5.8-3.9 0.9-3.1-8.9-3.7-7.2 1.1-6.2-3.2-2.7-1.2-4.6-3.2-4.4 2.9-6.9-2.9-5.4 1.1-2.2-1.2-2.4 1.9-3.2-0.3-5.4 0-4.6 1.1-2.1-5.5-10.4 4.2 0.6 2.9-0.2 1.1-1.9 4.8-2.6 2.9-2.4 7.3-1.1-0.4 4.8 0.9 2.5-0.3 4.3 6.5 5.7 6.4 1.1 2.3 2.4 3.9 1.3 2.5 1.8 3.5 0 3.4 1.9 0.5 3.7 1.2 1.9 0.3 2.7-1.7 0.1 2.8 7.5 10.7 0.3-0.5 3.7 0.8 2.5 3.2 1.8 1.7 4-0.6 5.1-1.3 2.8 0.8 3.6-1.6 1.4z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Brazil" target="_blank"> <path data-country="brazil" d="M665.8 489.6l3.1 0.6 0.6-1.4-1-1.2 0.6-1.9 2.3 0.6 2.7-0.7 3.2 1.4 2.5 1.3 1.7-1.7 1.3 0.2 0.8 1.8 2.7-0.4 2.2-2.5 1.8-4.7 3.4-5.9 2-0.3 1.3 3.6 3 11.2 3.1 1.1 0.1 4.4-4.3 5.3 1.7 1.9 10.1 1 0.2 6.5 4.3-4.2 7.1 2.3 9.5 3.9 2.8 3.7-0.9 3.6 6.6-2 11 3.4 8.5-0.2 8.4 5.3 7.4 7.2 4.4 1.8 4.8 0.3 2.1 2 2 8.2 1.1 3.9-2.1 10.6-2.7 4.2-7.7 8.9-3.4 7.3-4 5.5-1.4 0.2-1.3 4.7 0.9 12-1.1 9.9-0.3 4.2-1.6 2.6-0.5 8.6-5.2 8.3-0.5 6.7-4.3 2.7-1.1 3.9-6 0-8.5 2.4-3.7 2.9-6 1.9-6.1 5.1-4.1 6.4-0.3 4.8 1.3 3.5-0.3 6.5-0.8 3.1-3.4 3.6-4.5 11.3-4 5-3.2 3.1-1.5 6.1-2.9 3.6-2.1-3.6 1.8-3.1-3.8-4.3-4.8-3.6-6.3-4.1-1.9 0.2-6.3-5-3.4 0.7 6-8.7 5.3-6.3 3.3-2.6 4.2-3.5-0.4-5.1-3.2-3.8-2.6 1.3 0.7-3.7 0.3-3.8-0.3-3.6-2.1-1.1-2 1-2.1-0.3-0.8-2.4-1.1-5.9-1.2-1.9-3.9-1.8-2.2 1.3-5.9-1.3-0.4-8.7-2-3.5 1.6-1.4-0.8-3.6 1.3-2.8 0.6-5.1-1.7-4-3.2-1.8-0.8-2.5 0.5-3.7-10.7-0.3-2.8-7.5 1.7-0.1-0.3-2.7-1.2-1.9-0.5-3.7-3.4-1.9-3.5 0-2.5-1.8-3.9-1.3-2.3-2.4-6.4-1.1-6.5-5.7 0.3-4.3-0.9-2.5 0.4-4.8-7.3 1.1-2.9 2.4-4.8 2.6-1.1 1.9-2.9 0.2-4.2-0.6-3.2 1.1-2.6-0.7-0.1-9.7-4.4 3.7-5-0.1-2.3-3.5-3.8-0.3 1-2.8-3.3-3.9-2.6-5.8 1.5-1.1-0.2-2.8 3.4-1.8-0.7-3.5 1.4-2.2 0.3-3 6.3-4.4 4.6-1.2 0.8-1 5.1 0.3 2.2-17.6 0.1-2.8-0.9-3.6-2.6-2.4 0.1-4.7 3.2-1 1.1 0.7 0.2-2.5-3.3-0.7 0-4 11 0.2 1.9-2.3 1.6 2.1 1 3.8 1.1-0.8 3.1 3.4 4.4-0.4 1.1-2 4.2-1.5 2.4-1.1 0.7-2.7 4.1-1.8-0.3-1.4-4.8-0.5-0.7-4.1 0.3-4.3-2.5-1.6 1.1-0.6 4.1 0.8 4.5 1.6 1.7-1.5 4.1-1 6.4-2.4 2.1-2.5-0.7-1.8 3-0.2 1.2 1.4-0.8 2.9 2 0.9 1.2 3-1.6 2.3-1 5.4 1.4 3.3 0.3 3 3.5 3 2.8 0.3 0.6-1.3 1.8-0.3 2.6-1.1 1.8-1.7 3.2 0.6 1.3-0.3z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Brunei" target="_blank"> <path data-country="brunei" d="M1633.1 472.8l2.2-2.4 4.6-3.6-0.1 3.2-0.1 4.1-2.7-0.2-1.1 2.2-2.8-3.3z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Bhutan" target="_blank"> <path data-country="bhutan" d="M1488.8 323.5l2.6 2.1 0.5 3.9-4.5 0.2-4.7-0.4-3.2 1-5.5-2.5-0.4-1.2 2.6-4.8 2.6-1.6 4.3 1.4 2.9 0.2 2.8 1.7z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Botswana" target="_blank"> <path data-country="botswana" d="M1127.6 615.7l1.9 5.1 1.1 1.2 1.6 3.7 6.1 7 2.3 0.7-0.1 2.3 1.5 4.1 4.3 1 3.4 2.9-8.1 4.7-5.2 4.8-2 4.3-1.8 2.4-3 0.5-1.2 3.1-0.6 2-3.6 1.4-4.5-0.3-2.5-1.8-2.3-0.7-2.8 1.4-1.5 3.1-2.7 1.9-2.8 2.9-4 0.7-1.1-2.3 0.6-3.9-3-6.1-1.4-1 0.6-18.7 5.5-0.2 0.8-22.9 4.2-0.2 8.7-2.3 2 2.7 3.7-2.5 1.7 0 3.2-1.5 1 0.5z"></path> </a> <a class="country-link" href="https://en.wikipedia.org/wiki/Central_African_Republic" target="_blank"> <path data-country="central african republic" d="M1121.3 446.5l3.9 2.5 3.1 2.6 0.1 2.1 3.9 3.3 2.4 2.8 1.4 3.8 4.3 2.6 0.9 2-1.8 0.7-3.7-0.1-4.2-0.7-2.1 0.5-0.9 1.6-1.8 0.2-2.2-1.4-6.3 3.2-2.6-0.6-0.8 0.5-1.6 3.9-4.3-1.3-4.1-0.6-3.6-2.4-4.7-2.2-3 2.1-2.2 3.2-0.5 4.5-3.6-0.3-3.9-1.1-3.3 3.4-3 6-0.6-1.9-0.3-2.9-2.6-2.1-2.1-3.3-0.5-2.3-2.7-3.4 0.5-1.9-0.6-2.7 0.4-5 1.4-1.1 2.8-6.5 4.6-0.5 1-1.7 1 0.2 1.4 1.4 7.1-2.4 2.4-2.5 2.9-2.3-0.6-2.2 1.6-0.6 5.5 0.4 5.2-3 4-7 2.8-2.6 3.6-1.1 0.7 2.7 3.3 4 0 2.7-0.8 2.6 0.4 2 1.9 1.9 0.5 0.3z"></path> </a> </svg> <div id="tooltip" class="svg-tooltip"></div> <button id="startGameButton" onclick="startGame()">Start Game</button> <button onclick="reloadPage()">Reload</button> <button id="toggleMissingCountriesButton" onclick="toggleMissingCountries()">Show Missing Countries</button> <form id="quizForm" onsubmit="changeColor(); return false;"> <input type="text" id="countryInput" autocomplete="off" autocorrect="off" spellcheck="off" placeholder="Enter country name" disabled oninput="changeColor()"> <button type="button" id="submitButton" disabled onclick="changeColor()">Submit</button> </form> <p id="countryCountMessage">Total unique countries: <span id="uniqueCountryCount">0</span> / <span id="totalCountries">0</span></p> <p>Time spent: <span id="timer">00:00</span></p> <div id="continentTables"></div> <div id="continentreresult"></div> <script> var startTime; var timerInterval; var timerStarted = false; var elapsedTime = 0; var totalCountriesSet = new Set(); var uniqueCountries = new Set(); var totalCountries = totalCountriesSet.size; var answeredCountriesPerContinent = {}; var displayedCountryNames = new Set(); var countriesData = [ { "country": "afghanistan", "continent": "asia" }, { "country": "albania", "continent": "europe" }, { "country": "algeria", "continent": "africa" }, { "country": "samoa", "continent": "oceania" }, { "country": "andorra", "continent": "europe" }, { "country": "angola", "continent": "africa" }, { "country": "anguilla", "continent": "north america" }, { "country": "antarctica", "continent": "antarctica" }, { "country": "antigua and barbuda", "continent": "north america" }, { "country": "argentina", "continent": "south america" }, { "country": "armenia", "continent": "asia" }, { "country": "aruba", "continent": "north america" }, ]; document.getElementById('submitButton').addEventListener('click', function() { changeColor(); }); document.addEventListener('DOMContentLoaded', function () { const paths = document.querySelectorAll('path[data-country]'); paths.forEach(path => { path.addEventListener('mouseover', function (event) { const countryName = path.getAttribute('data-country'); showTooltip(event, toTitleCase(countryName)); }); path.addEventListener('mouseout', function () { hideTooltip(); }); }); }); function toggleMissingCountries() { const button = document.getElementById('toggleMissingCountriesButton'); const isShowing = button.dataset.isShowing === 'true'; if (isShowing) { hideMissingCountries(); button.textContent = 'Show Missing Countries'; } else { showMissingCountries(); button.textContent = 'Hide Missing Countries'; } // Toggle the isShowing attribute button.dataset.isShowing = isShowing ? 'false' : 'true'; } function showMissingCountries() { const paths = document.querySelectorAll('path[data-country]'); const svg = document.querySelector('svg'); paths.forEach(path => { const countryName = path.getAttribute('data-country'); const countryData = countriesData.find(data => data.country.toLowerCase() === countryName.toLowerCase()); if (countryData) { const uniqueCountryKey = countryData.country.toLowerCase() + '|' + countryData.continent.toLowerCase(); if (!uniqueCountries.has(uniqueCountryKey)) { // Check if a dot already exists for the country if (!document.querySelector('.missing-country-dot[data-country="' + countryName + '"]')) { // Create a dot pointer (SVG circle) and append it to the parent SVG const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); circle.setAttribute('cx', path.getBBox().x + path.getBBox().width / 2); circle.setAttribute('cy', path.getBBox().y + path.getBBox().height / 2); circle.setAttribute('r', 5); // Adjust the radius as needed circle.setAttribute('fill', 'yellow'); // Set the color of the dot pointer circle.setAttribute('class', 'missing-country-dot'); circle.setAttribute('data-country', countryName); svg.appendChild(circle); } } } }); } function hideMissingCountries() { const missingCountryDots = document.querySelectorAll('.missing-country-dot'); missingCountryDots.forEach(dot => dot.remove()); } function showTooltip(event, country) { const tooltip = document.getElementById('tooltip'); tooltip.textContent = country; tooltip.style.left = event.pageX + 'px'; tooltip.style.top = event.pageY + 'px'; tooltip.style.opacity = 1; } function hideTooltip() { const tooltip = document.getElementById('tooltip'); tooltip.style.opacity = 0; } function toTitleCase(str) { return str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }); } function updateTotalCountriesCount() { totalCountries = totalCountriesSet.size; document.getElementById('totalCountries').textContent = totalCountries; } function startGame() { if (!timerStarted) { initializeTables(); startTimer(); timerStarted = true; var countryInput = document.getElementById('countryInput'); countryInput.removeAttribute('disabled'); countryInput.value = ''; document.getElementById('submitButton').removeAttribute('disabled'); document.getElementById('startGameButton').setAttribute('disabled', 'true'); } } function initializeTables() { const continentSet = new Set(); const paths = document.querySelectorAll('path[data-country]'); paths.forEach(path => { const countryData = countriesData.find(data => data.country.toLowerCase() === path.getAttribute('data-country')); if (countryData) { continentSet.add(countryData.continent.toLowerCase()); if (!totalCountriesSet.has(countryData.country.toLowerCase())) { totalCountriesSet.add(countryData.country.toLowerCase()); updateTotalCountriesCount(); } } }); const continentArray = Array.from(continentSet); continentArray.forEach(continent => { const titleCaseContinent = continent.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' '); const table = document.createElement('table'); table.id = `table-${continent}`; table.innerHTML = `<caption>${titleCaseContinent}</caption><thead><tr><th>Country</th></tr></thead><tbody></tbody>`; document.getElementById('continentTables').appendChild(table); totalCountries = totalCountriesSet.size; const totalCountriesForContinent = countriesData.filter(country => country.continent.toLowerCase() === continent).length; answeredCountriesPerContinent[continent] = 0; const continentMessage = document.createElement('p'); continentMessage.id = `continentMessage-${continent}`; continentMessage.textContent = `Total countries in ${titleCaseContinent}: ${totalCountriesForContinent} / Answered: 0`; // Get reference to the continentreresult div const continentResultDiv = document.getElementById('continentreresult'); // Append the continentMessage element to the continentreresult div continentResultDiv.appendChild(continentMessage); }); } function addCountryToTable(countryName, continent) { const tableId = `table-${continent}`; const table = document.getElementById(tableId); if (table) { const tbody = table.querySelector('tbody'); const row = document.createElement('tr'); const cell = document.createElement('td'); const formattedCountryName = titleCase(countryName); cell.textContent = formattedCountryName; row.appendChild(cell); tbody.appendChild(row); answeredCountriesPerContinent[continent]++; document.getElementById(`continentMessage-${continent}`).textContent = `Total countries in ${continent}: ${countriesData.filter(country => country.continent.toLowerCase() === continent).length} / Answered: ${answeredCountriesPerContinent[continent]}`; } } function titleCase(str) { return str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }); } function changeColor() { var countryInput = document.getElementById('countryInput').value.trim().toLowerCase(); var countryData = countriesData.find(country => country.country.toLowerCase() === countryInput.trim().toLowerCase()); // Convert both to lowercase for case-insensitive comparison if (countryData) { var uniqueCountryKey = countryData.country.toLowerCase() + '|' + countryData.continent.toLowerCase(); if (!uniqueCountries.has(uniqueCountryKey)) { // Use data-country attribute to select the specific path var countryPaths = document.querySelectorAll('path[data-country="' + countryData.country.toLowerCase() + '"]'); if (countryPaths.length > 0) { countryPaths.forEach(function (countryPath) { countryPath.style.fill = 'red'; countryPath.addEventListener('mouseover', function () { countryPath.style.fill = 'pink'; }); countryPath.addEventListener('mouseout', function () { countryPath.style.fill = 'red'; }); document.getElementById('countryInput').value = ''; if (!displayedCountryNames.has(countryData.country.toLowerCase())) { addCountryToTable(countryData.country, countryData.continent); displayedCountryNames.add(countryData.country.toLowerCase()); } uniqueCountries.add(uniqueCountryKey); document.getElementById('uniqueCountryCount').textContent = uniqueCountries.size; // Remove the dot associated with the country removeDot(countryData.country); if (uniqueCountries.size === totalCountries) { showEndGamePopup(); document.getElementById('submitButton').setAttribute('disabled', 'true'); document.getElementById('countryInput').setAttribute('disabled', 'true'); } // Focus on the next input field //focusOnNextInputField(countryInput); }); } else { alert('No matching country found on the map'); } } else { console.log('Country already identified'); } } else { console.log('Invalid country entered'); } } // Add a function to remove the dot associated with the country function removeDot(countryName) { const dotToRemove = document.querySelector('.missing-country-dot[data-country="' + countryName + '"]'); if (dotToRemove) { dotToRemove.remove(); } } function startTimer() { console.log('Timer started'); startTime = new Date().getTime(); timerInterval = setInterval(updateTimer, 1000); } function updateTimer() { var currentTime = new Date().getTime(); elapsedTime = currentTime - startTime; var seconds = Math.floor(elapsedTime / 1000); document.getElementById('timer').textContent = formatTime(seconds); } function formatTime(seconds) { var minutes = Math.floor(seconds / 60); var remainingSeconds = seconds % 60; var formattedMinutes = (minutes < 10 ? '0' : '') + minutes; var formattedSeconds = (remainingSeconds < 10 ? '0' : '') + remainingSeconds; return formattedMinutes + ':' + formattedSeconds; } function stopTimer() { clearInterval(timerInterval); timerStarted = false; } // Add this function to handle keydown events function handleKeyPress(event) { // Check if the pressed key is Enter (key code 13) if (event.key === 'Enter') { closePopup(); } } function showEndGamePopup() { console.log('showEndGamePopup called'); stopTimer(); // Check if the overlay already exists var existingOverlay = document.querySelector('.popup-overlay'); if (existingOverlay) { console.log('Popup already exists. Not creating a new one.'); return; } var overlay = document.createElement('div'); overlay.className = 'popup-overlay'; console.log('Overlay created'); var popupContent = document.createElement('div'); popupContent.className = 'popup-content'; console.log('Popup content created'); popupContent.innerHTML = ` <h2>Congratulations!</h2> <p>You have identified all the countries.</p> <p>Time spent: ${formatTime(Math.floor(elapsedTime/1000))}</p> <button onclick="closePopup()">Close</button> `; overlay.appendChild(popupContent); document.body.appendChild(overlay); // Add event listener for keydown events document.addEventListener('keydown', handleKeyPress); } function closePopup() { // Remove the event listener before closing the popup document.removeEventListener('keydown', handleKeyPress); var overlay = document.querySelector('.popup-overlay'); if (overlay) { overlay.parentNode.removeChild(overlay); console.log("Pop-up closed"); } else { console.log("No pop-up found to close"); } } function reloadPage() { location.reload(); } window.onbeforeunload = function () { stopTimer(); return null; }; </script>https://webschoolpro.blogspot.com/2024/01/body-background-linear-gradientto-right.htmlnoreply@blogger.com (Overflow)0tag:blogger.com,1999:blog-6032781458046627813.post-5876535131770887960Sun, 14 Jan 2024 02:15:00 +00002024-01-29T06:03:37.177-08:00<style> .quiz-container { max-width: 700px; min-height: 500px; background-color: #f8f9fa; margin: 40px auto; border-radius: 15px; padding: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .question-number h3 { color: #0056B2; border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 10px; } .question-number h3 {color: #0056B2;border-bottom: 1px solid #ccc;margin: 0;padding-bottom: 10px;} .question {font-size: 22px;color: #000000;padding: 20px 0;} .options div {background-color: #ffffff;font-size: 16px;color: #000000;margin-bottom: 10px;border-radius: 10px;padding: 15px;position: relative;overflow: hidden;cursor: pointer;transition: background-color 0.3s, transform 0.3s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);opacity: 0;animation: fadeIn 0.5s forwards;} @keyframes fadeIn { from {opacity: 0;transform: translateY(-10px);} to {opacity: 1;transform: translateY(0);}} .options div.disabled {pointer-events: none;} .options div.correct{z-index: 1;color: #fff;font-weight:bold;} .options div.correct::before{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: #4caf50;z-index: -1;animation: animateBackground 1s ease;animation-fill-mode: forwards;} .options div.wrong{z-index: 1;color: #fff;font-weight:bold;} .options div.wrong::before{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background-color:#f44336;z-index: -1;animation: animateBackground 1s ease;animation-fill-mode: forwards;} @keyframes animateBackground{ 0%{transform: translateX(-100%);} 100%{transform: translateX(0%);}} .button .btn {padding: 15px 50px;border-radius: 8px;cursor: pointer;background-color: #00A4CC;font-size: 16px;color: #ffffff;border: none;display: inline-block;margin: 15px 0 20px;transition: background-color 0.3s;box-shadow: 0 5px 10px rgba(32, 168, 216, 0.2); font-weight:bold;} .button .btn:hover {background-color: #009688;} .answers-tracker {border-top: 1px solid #ccc;padding-top: 15px;} .answers-tracker div {height: 40px;width: 40px;background-color: #ffffff;display: inline-block;border-radius: 50%;margin-right: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .answers-tracker div.correct {background-color: #4caf50;} .answers-tracker div.wrong {background-color: #f44336;} .quiz-over {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);z-index: 10;display: none;align-items: center;justify-content: center;} .quiz-over.show {display: flex;} .quiz-over .box {background-color: #00A4CC;padding: 30px;border-radius: 10px;text-align: center;flex-basis: 600px;max-width: 700px;} .quiz-over .box button {padding: 15px 50px;border: none;background-color: #f57c00;border-radius: 8px;font-size: 16px;margin: 15px 0 20px;color: #ffffff;cursor: pointer;transition: background-color 0.3s;box-shadow: 0 5px 10px rgba(245, 124, 0, 0.2);font-weight:bold;} .quiz-over .box button:hover {background-color: #003366;} .start-button {display: flex;justify-content: center} #start-button {padding: 25px 60px;border-radius: 8px;cursor: pointer;background-color: #0056B2;font-size: 18px;color: #ffffff;border: none;display: inline-block;margin: 15px 0 20px;transition: background-color 0.3s ease;box-shadow: 0 5px 10px rgba(32, 168, 216, 0.2);font-weight:bold} #start-button:hover {background-color: #008080;} .modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.7);} .modal-content {background-color: #ffffff;margin: 30% auto;padding: 20px;border: 1px solid #ccc;border-radius: 10px;width: 50%;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .close {color: #aaa;float: right;font-size: 28px;font-weight: bold;cursor: pointer;} .close:hover {color: #333;} #modal-message {font-size: 18px;margin: 15px 0;} .fade-in {animation: fadeIn 0.5s;} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }} #top-line {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-radius: 8px;} .timer-score {color: #0056B2;font-size: 18px;font-weight:bold;} #timer {border-radius: 5px;} #score {border-radius: 5px;} @media only screen and (max-width: 768px) { .quiz-container { max-width: 90%; padding: 15px; } .options div { font-size: 14px; padding: 12px; } .button .btn { padding: 12px 40px; } } </style> <div class="quizContainer container-fluid well well-lg"> <div id="quiz1" class="text-center"> <h3 class="quiz-heading">Quiz for all Exams</h3> <br /> <span id="quiz-subheading" class="quiz-heading-large">Modern History Of India Quiz part 01 for all Exams</span> <h2 style="color: #ff0000; text-align: center;"> <samp id="Sub heading"> Test Quiz</samp> </h2> </div> <div class="start-button"> <button id="start-button" onclick="initGame()">Start Game</button> </div> <div class="container"> <div class="question-container" id="game-container"></div> </div> <div class="quiz-container" id="quiz-container" style="display: none;"> <div class="question-number"> <h3>Question <span class="question-num-value"></span> of <span class="total-question"></span></h3> </div> <div id="top-line"> <div class="timer-score" id="timer">Time: 0s</div> <div class="timer-score" id="score">Score: 0</div> </div> <div class="question"> </div> <div class="options"> <div id="1" class="option1" onclick="check(this)"></div> <div id="2" class="option2" onclick="check(this)"></div> <div id="3" class="option3" onclick="check(this)"></div> <div id="4" class="option4" onclick="check(this)"></div> </div> <div class="button"> <button type="button" class="btn" onclick="next()">Next</button> </div> <div class="answers-tracker"> </div> </div> <div class="quiz-over"> <div class="box"> <h1> Good Try!<br> You Got <span class="correct-answers"></span> out of <span class="total-question2"></span> answers correct! <br> That's <span class="percentage"></span> <p>Time taken: <span id="quiz-timing">0 s</span></p> </h1> <button type="button" onclick="tryAgain()">TryAgain</button> </div> </div> <div id="custom-modal" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal()">&times;</span> <p id="modal-message">Please Select one option</p> </div> </div> <script> const options=document.querySelector(".options").children; const answerTrackerContainer=document.querySelector(".answers-tracker"); const questionNumberSpan=document.querySelector(".question-num-value"); const totalQuestionSpan=document.querySelector(".total-question"); const correctAnswerSpan=document.querySelector(".correct-answers"); const totalQuestionSpan2=document.querySelector(".total-question2"); const percentage=document.querySelector(".percentage"); const question=document.querySelector(".question"); const op1=document.querySelector(".option1"); const op2=document.querySelector(".option2"); const op3=document.querySelector(".option3"); const op4=document.querySelector(".option4"); let questionIndex; let index=0; let myArray=[]; let myArr=[]; let score=0; let timerValue = 0; let timerInterval; const questions=[ { q:'where is the capital of India', options:['New Delhi','Kolkatta','Varanashi','Agra'], answer:1 }, { q:'Who is the Prime Minister of India', options:['Amit Shah','Narendra Modi','Rahul Gandhi','None of the above'], answer:2 }, { q:'where is the capital of India', options:['New Delhi','Kolkatta','Varanashi','Agra'], answer:1 }, { q:'Who is the Prime Minister of India', options:['Amit Shah','Narendra Modi','Rahul Gandhi','None of the above'], answer:2 }, { q:'where is the capital of India', options:['New Delhi','Kolkatta','Varanashi','Agra'], answer:1 }, { q:'Who is the Prime Minister of India', options:['Amit Shah','Narendra Modi','Rahul Gandhi','None of the above'], answer:2 } ] totalQuestionSpan.innerHTML=questions.length; function load(){ questionNumberSpan.innerHTML=index+1; question.innerHTML=questions[questionIndex].q; op1.innerHTML=questions[questionIndex].options[0]; op2.innerHTML=questions[questionIndex].options[1]; op3.innerHTML=questions[questionIndex].options[2]; op4.innerHTML=questions[questionIndex].options[3]; index++; } function check(element) { if (element.id == questions[questionIndex].answer) { element.classList.add("correct"); updateAnswerTracker("correct"); score++; } else { element.classList.add("wrong"); updateAnswerTracker("wrong"); } disabledOptions(); document.getElementById('score').innerHTML = 'Score: ' + score; } function disabledOptions(){ for(let i=0; i<options.length; i++) { options[i].classList.add("disabled"); if(options[i].id==questions[questionIndex].answer){ options[i].classList.add("correct");}} } function enableOptions(){ for(let i=0; i<options.length; i++) { options[i].classList.remove("disabled","correct","wrong");} } function validate() { if (!options[0].classList.contains("disabled")) { openModal(); } else { enableOptions(); randomQuestion();} } function openModal() { const modal = document.getElementById('custom-modal'); modal.classList.add('fade-in'); modal.style.display = 'block'; window.onclick = function(event) { if (event.target == modal) { closeModal(); window.onclick = null;}}; } function closeModal() { const modal = document.getElementById('custom-modal'); modal.style.display = 'none'; modal.classList.remove('fade-in'); } function next(){ validate(); } function randomQuestion(){ let randomNumber=Math.floor(Math.random()*questions.length); let hitDuplicate=0; if(index==questions.length){ quizOver();} else{ if(myArray.length>0){ for(let i=0; i<myArray.length; i++){ if(myArray[i]==randomNumber){ hitDuplicate=1; break;}} if(hitDuplicate==1){ randomQuestion();} else{ questionIndex=randomNumber; load(); myArr.push(questionIndex);}} if(myArray.length==0){ questionIndex=randomNumber; load(); myArr.push(questionIndex);} myArray.push(randomNumber);} } function answerTrakcer(){ for(let i=0; i<questions.length; i++){ const div=document.createElement("div") answerTrackerContainer.appendChild(div);} } function updateAnswerTracker(classNam){ answerTrackerContainer.children[index-1].classList.add(classNam); } function quizOver(){ stopTimer(); document.querySelector(".quiz-over").classList.add("show"); correctAnswerSpan.innerHTML=score; totalQuestionSpan2.innerHTML=questions.length; percentage.innerHTML = ((score / questions.length) * 100).toFixed(2) + "%"; updateTiming(); } function tryAgain() { window.location.reload(); timerValue = 0; score = 0; } function initGame(){ document.getElementById('start-button').style.display = 'none'; document.getElementById('quiz-container').style.display = ''; randomQuestion(); answerTrakcer(); startTimer(); } function startTimer() { timerInterval = setInterval(function () { timerValue++; document.getElementById('timer').innerHTML = 'Time: ' + timerValue + 's'; }, 1000); } function stopTimer() { clearInterval(timerInterval); } function updateTiming() { const timingElement = document.getElementById('quiz-timing'); timingElement.innerHTML = timerValue + 's'; } </script>https://webschoolpro.blogspot.com/2024/01/blog-post.htmlnoreply@blogger.com (Unknown)0tag:blogger.com,1999:blog-6032781458046627813.post-7248130816135394621Fri, 12 Jan 2024 06:53:00 +00002024-02-15T05:31:29.459-08:00<style> #start-button {font-weight: bold;font-size: 18px;padding: 30px 50px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 50px;display: block;margin-left: auto;margin-right: auto;} #start-button:hover {background-color: #003366;transform: scale(1.1);} #quiz-container {max-width: 100%;background-color: #fff;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);padding: 30px;position: relative;} #blue-heading {margin-top: 20px;color: #0056B2;font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 20px;} #top-line {width: 100%;position: relative;} .question-container {display: flex;flex-direction: column;margin-bottom: 20px;border: 2px solid #fbfbfb;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .question-text {color: #000;font-size: 16px;font-weight: bold;} .options-list {list-style-type: none;padding: 0 15px 0 15px!important;display: flex;flex-direction: column;margin: 0!important;} .options-list li {border: 2px solid #0056B2;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;padding: 10px 20px!important;list-style: none !important;} .options-list li:hover {background-color: #0056B2;color: #fff;transform: scale(1.05);} .options-list li.selected {background-color: #0056B2;color: #fff;} .timer-score {text-align: right;} .feedback-message {font-size: 18px;margin-top: 05px;color: #333;opacity: 0;transition: opacity 0.5s;text-align: center;font-weight: bold;} .feedback-message.correct {color: #4CAF50;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;} .reloading {display: flex;justify-content: flex-end;margin-top: 20px;} #reload-button {font-size: 18px;padding: 15px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} .answer-description-caption {font-size: 18px;font-weight: bold;color: #0056B2;text-align: left;} .answer-description {font-size: 16px;color: #333;margin-top: 5px;text-align: left;font-weight: bold;} .popup-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;} .popup {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);max-width: 600px;text-align: center;flex-direction: column;display: flex;font-size: 16px;font-weight: bold;} .view-answers-button {font-size: 18px;padding: 20px 30px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s, transform 0.3s ease;margin-top: 30px;} .view-answers-button:hover {background-color: #003366;transform: scale(1.1);} #timer {font-size: 24px;color: #0056B2;position: absolute;font-weight: bold;} #progress {background-color: #ddd;height: 20px;border-radius: 10px;overflow: hidden;margin-bottom: 20px;display: none;} #progress-bar {margin: 40px 0 0 0;height: 100%;width: 0;border-radius: 10px;background-color: #008080;transition: width 0.3s ease;} #progress-bar-fill {height: 100%;width: 0;background-color:#008080; overflow: hidden;transition: width 0.3s ease;} #progress-bar-text {font-weight: bold;color: white;font-size: 16px;transition: opacity 0.3s ease;text-align: center; } </style> <div id="top-line"> <div class="timer-score" id="timer">Timer: 0 s</div> <div class="timer-score" id="score">Score: 0</div> </div> <h1 id="blue-heading">Word Matching Quiz</h1> <button id="start-button" onclick="initGame()">Start Game</button> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="progress-bar"> <div id="progress-bar-fill"></div> <div id="progress-bar-text"></div> </div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div> <script> const colorData = [ { question: 'ইজরায়েলের গোয়েন্দা সংস্থার নাম কি? উত্তরঃ মোসাদ', options: ['Red', 'Blue', 'Green', 'Yellow'], correctAnswer: 'Blue', answered: false, description: 'ইজরায়েলের গোয়েন্দা সংস্থার নাম কি? উত্তরঃ মোসাদ' }, { question: 'What color is an orange?', options: ['Red', 'Orange', 'Yellow', 'Green'], correctAnswer: 'Orange', answered: false, description: 'An orange is named after its color, which is a mix of red and yellow pigments.' }, { question: 'What color is a banana?', options: ['Red', 'Yellow', 'Green', 'Brown'], correctAnswer: 'Yellow', answered: false, description: 'Bananas are green before ripening and turn yellow as they ripen.' }, ]; let currentColorIndex = 0; let score = 0; let quizCompleted = false; let timeLeft = 60; let quizStartTime; document.getElementById('progress-bar').style.display = 'block'; function startQuiz() { document.querySelector('.container').style.display = 'block'; const progressBar = document.getElementById('progress-bar'); if (progressBar) { progressBar.style.display = 'block'; } document.querySelector('.reloading').style.display = 'flex'; initGame();} function initGame() { document.getElementById('start-button').style.display = 'none'; quizStartTime = new Date(); displayQuestions(); startTimer(); updateScore();} function displayQuestions() { const container = document.getElementById('game-container'); container.innerHTML = ''; for (let i = 0; i < colorData.length; i++) { const { question, options } = colorData[i]; const questionContainer = document.createElement('div'); questionContainer.className = 'question-container'; const questionText = document.createElement('div'); questionText.className = 'question-text'; questionText.innerText = `${i + 1}. ${question}`; const optionsList = document.createElement('ul'); optionsList.className = 'options-list'; options.forEach((option, index) => { const optionItem = document.createElement('li'); optionItem.innerText = option; optionItem.onclick = function () { checkMatch(option, i, optionItem); }; optionsList.appendChild(optionItem);}); const feedbackMessage = document.createElement('div'); feedbackMessage.className = 'feedback-message'; questionContainer.appendChild(questionText); questionContainer.appendChild(optionsList); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer);} updateProgress();} function checkMatch(userAnswer, index, selectedOption) { if (quizCompleted || colorData[index].answered) { return;} const feedbackMessage = document.querySelectorAll('.feedback-message')[index]; if (userAnswer === colorData[index].correctAnswer) { showMessage(feedbackMessage, 'Correct Answer', 'green'); score++; } else { showMessage(feedbackMessage, 'Incorrect Answer', 'red');} colorData[index].answered = true; selectedOption.classList.add('selected'); const allAnswered = colorData.every(question => question.answered); if (allAnswered) { quizCompleted = true; updateProgress(); showPopup(`Quiz completed! Your final score is: ${score}`); } else { updateProgress(index);} updateScore();} function updateProgress() { const progressElement = document.getElementById('progress-bar'); const answeredQuestions = colorData.filter(question => question.answered).length; const totalQuestions = colorData.length; const progressPercentage = Math.round((answeredQuestions / totalQuestions) * 100); progressElement.style.width = `${progressPercentage}%`; const progressTextElement = document.getElementById('progress-bar-text'); if (progressPercentage > 0) { progressTextElement.innerText = `${progressPercentage}%`;} else { progressTextElement.innerText = '';} if (answeredQuestions === totalQuestions) { showPopup(`Quiz completed! Your final score is: ${score}`);}} function showMessage(element, message, color) { element.innerText = message; element.style.color = color; element.classList.add('show');} function showPopup(message) { const quizEndTime = new Date(); const timeSpent = Math.floor((quizEndTime - quizStartTime) / 1000); const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerHTML = `${message} <br> Time Spent: ${timeSpent} s`; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerText = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton);} popupContainer.appendChild(popup); document.body.appendChild(popupContainer);} function showAnswers() { const popupContainers = document.querySelectorAll('.popup-container'); popupContainers.forEach(container => container.parentNode.removeChild(container)); for (let i = 0; i < colorData.length; i++) { const { correctAnswer, description } = colorData[i]; const optionsList = document.querySelectorAll('.options-list')[i]; const existingDescriptionCaption = optionsList.querySelector('.answer-description-caption'); const existingDescription = optionsList.querySelector('.answer-description'); if (!existingDescriptionCaption && !existingDescription) { optionsList.childNodes.forEach((optionItem, index) => { if (optionItem.innerText === correctAnswer) { optionItem.style.fontWeight = 'bold'; optionItem.style.color = 'white'; optionItem.style.background = '#008080'; const captionElement = document.createElement('div'); captionElement.className = 'answer-description-caption'; captionElement.innerText = 'Answer Description:'; optionsList.appendChild(captionElement); const descriptionElement = document.createElement('div'); descriptionElement.className = 'answer-description'; descriptionElement.innerText = description; optionsList.appendChild(descriptionElement);} optionItem.onclick = null;}); colorData[i].answered = true;}} const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerText = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; const quizContainer = document.getElementById('quiz-container'); quizContainer.appendChild(reloadButton);} function disableOptions(index) { const optionsList = document.querySelectorAll('.options-list')[index]; optionsList.childNodes.forEach(optionItem => { optionItem.classList.add('disabled'); optionItem.onclick = null;});} function reloadQuiz() { location.reload();} function startTimer() { const timerElement = document.getElementById('timer'); const startTime = new Date().getTime(); function updateTimer() { if (!quizCompleted) { const elapsedTime = Math.floor((new Date().getTime() - startTime) / 1000); timerElement.innerText = `Timer: ${elapsedTime}s`; requestAnimationFrame(updateTimer); }} updateTimer();} function updateScore() { const scoreElement = document.getElementById('score'); scoreElement.innerText = `Score: ${score}`;} document.getElementById('start-button').addEventListener('click', startQuiz); </script>https://webschoolpro.blogspot.com/2024/01/start-button-font-size-18px-padding.htmlnoreply@blogger.com (Unknown)0tag:blogger.com,1999:blog-6032781458046627813.post-2036682908586702432Thu, 11 Jan 2024 03:15:00 +00002024-02-15T07:01:02.882-08:00<style> #blue-heading {color:#0056B2;} .mycontain {display: flex;flex-direction: column;gap: 20px;padding: 50px 0;} .question-container {display: flex;flex-direction: column;gap: 10px;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 90%;margin: 0 auto;color: black;font-weight: bold;font-size: 16px;align-items: center} .box {width: 500px;border: 2px solid black;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;} .box:hover {transform: scale(1.025);} .user-input {font-size: 16px;padding: 8px;width: 100%;box-sizing: border-box;border-radius: 10px;} .submit-button {font-size: 16px;padding: 10px 20px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s;width: 100%;} .submit-button:hover {background-color: #003366;} .feedback-message {font-size: 16px;margin-top: 10px;color:#333;transition: opacity 0.3s;} .feedback-message.correct,.feedback-message.incorrect {opacity: 0;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;position: absolute;top: 60px;right: 20px;} .image { max-width: 100%; max-height: 100%; border-radius: 10px; object-fit: cover; } #progress {font-size: 18px;color: #555;} .popup-container {display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */z-index: 1000; /* Higher z-index for visibility */} .popup {flex-direction: column;display: flex;background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .view-answers-button {font-size: 16px;padding: 20px 20px;background-color: #0056B2;color: white;border: none;border-radius: 10px;cursor: pointer;margin-top: 30px;transition: background-color 0.3s;} .view-answers-button:hover {background-color: #008080;} .reloading{display:flex;justify-content: flex-end;} #reload-button {font-size: 16px;padding: 20px 40px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;margin-top: 20px;transition: background-color 0.3s;display: none;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} @media screen and (max-width: 600px) { .box {margin-bottom: 10px;} } </style> <h1 id="blue-heading">Word Matching Quiz</h1> <div class="container"> <div class="mycontain" id="game-container"></div> </div> <div id="score">Score: 0</div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div> <script> const colorData = [ { color: 'red', question: 'What color is a stop sign?', imageSrc: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnPla8te1V7bD2OGJd6Hqc7j7kiMNSgsdREdXSSHduBdnwSC6Swsd2guytuCbDk7YrtC3D7Rri08n0OPUunulFNryfxVgh2qgrA2NaBFR0lhmVDINq3ab9_bcKigJZzJQYxjXyuILkJe_E8dCcDdVB7uB-BzEzM8-C4eI3ZVfQOXO87mrTEYC2mZJgiNYw/w640-h360/WebschoolProBCS.webp' }, { color: 'yellow', question: 'What color is a banana?', imageSrc: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwwxZD8lxjgNssEFBjdojyPh0LLotQwijUqWQnOAv21rA0lHyYW-xD-PudMnzCLoYU7ApUHM4VHbo8PVLReeqB9zUfSiwstoHlZ2kmprEwLlu4eSMWe8njrMbJypckNvQ0tHi_5cVfnTiddki2ZQ2bTf7yX5GTzGr93CjP4uMDeVyzfFhisB60zAJVq4S/w640-h360/WebSchoolProBCSexam2024.webp' }, { color: 'blue', question: 'What color iজখক্লজল্কজল ক্লজিওজল্কঞ্জলিs the sky on a clear day?', imageSrc: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsGjYReB0dCZ_Manf2bRPOp6mEAHDSvI1XC_Sga8EeWKCGwP5MszEdgmIDTlEHpKlC35RUTwjSrpZlAcK7lCM8G04mHFKFKRxqZ3HG57Z3ML6YSW8_KjeV0OWXr_om1sksht_BUOGiViN0K7qlMikKzQp371s380Kck0LXbX789EICSqOeknvZwHb4Mqo5/w640-h360/WebSchoolProBCSexamination2024.webp' }, // ... add more questions and images ]; let currentColorIndex = 0; let score = 0; let currentCorrectColor; let quizCompleted = false; function initGame() { displayQuestions(); } function displayQuestions() { const container = document.getElementById('game-container'); container.innerHTML = ''; for (let i = 0; i < colorData.length; i++) { const { color, question, imageSrc } = colorData[i]; const questionContainer = document.createElement('div'); questionContainer.className = 'question-container'; const image = document.createElement('img'); image.src = imageSrc; image.alt = `Image for question ${i + 1}`; image.className = 'box'; image.onclick = function() { setCurrentColor(color); }; const questionText = document.createElement('div'); questionText.innerText = `${i + 1}. ${question}`; const userInput = document.createElement('input'); userInput.type = 'text'; userInput.className = 'user-input'; userInput.placeholder = 'Enter the color'; userInput.autocomplete = 'off'; userInput.autocorrect = 'off'; userInput.autocapitalize = 'off'; userInput.spellcheck = false; userInput.disabled = quizCompleted; // Disable input after quiz completion userInput.addEventListener('keypress', function(event) { if (event.key === 'Enter') { checkMatch(userInput, color, i); } }); const submitButton = document.createElement('button'); submitButton.className = 'submit-button'; submitButton.innerText = 'Submit'; submitButton.onclick = function() { checkMatch(userInput, color, i); }; const feedbackMessage = document.createElement('div'); feedbackMessage.className = 'feedback-message'; questionContainer.appendChild(image); questionContainer.appendChild(questionText); questionContainer.appendChild(userInput); questionContainer.appendChild(submitButton); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer); } updateProgress(); } function setCurrentColor(color) { currentCorrectColor = color; document.querySelector('.user-input').value = ''; } function checkMatch(userInput, correctColor, index) { if (quizCompleted) { // Quiz already completed, don't accept more answers return; } const userAnswer = userInput.value.toLowerCase(); const feedbackMessage = document.querySelectorAll('.feedback-message')[index]; const submitButton = document.querySelectorAll('.submit-button')[index]; if (userAnswer === correctColor) { showMessage(feedbackMessage, 'Correct Answer', 'green'); score++; // Disable input and submit button after correct answer userInput.disabled = true; submitButton.disabled = true; } else { showMessage(feedbackMessage, 'Incorrect Answer', 'red'); // Disable input and submit button after incorrect answer userInput.disabled = true; submitButton.disabled = true; } currentColorIndex++; if (currentColorIndex === colorData.length) { // Quiz completed quizCompleted = true; showPopup(`Quiz completed! Your final score is: ${score}`); } else { // Move typing cursor to the next question's input field const nextUserInput = document.querySelectorAll('.user-input')[currentColorIndex]; nextUserInput.focus(); } updateScore(); updateProgress(); } function updateScore() { document.getElementById('score').innerText = 'Score: ' + score; } function updateProgress() { const progressElement = document.getElementById('progress'); progressElement.innerText = `Question ${currentColorIndex + 1} of ${colorData.length}`; } function showMessage(element, message, color) { element.innerText = message; element.style.color = color; element.classList.add('show'); // Add 'show' class to trigger the opacity transition } function showPopup(message) { const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerText = message; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerText = 'View Answers'; viewAnswersButton.onclick = function () { showAnswers(); }; popup.appendChild(viewAnswersButton); } popupContainer.appendChild(popup); document.body.appendChild(popupContainer); } function showAnswers() { // Iterate through colorData and display correct answers beside each question for (let i = 0; i < colorData.length; i++) { const { color, imageSrc } = colorData[i]; const userInput = document.querySelectorAll('.user-input')[i]; userInput.value = color; userInput.style.color = '#008080'; userInput.style.fontWeight = 'bold'; userInput.disabled = true; } // Remove the 'View Answers' button with both mouse click and Enter key const removeViewAnswers = function (event) { if (event.type === 'click' || (event.type === 'keypress' && event.key === 'Enter')) { // Remove the 'View Answers' button const viewAnswersButton = document.querySelector('.view-answers-button'); viewAnswersButton.parentNode.removeChild(viewAnswersButton); // Remove the pop-up containing the final score const popupContainer = document.querySelector('.popup-container'); popupContainer.parentNode.removeChild(popupContainer); document.removeEventListener('click', removeViewAnswers); document.removeEventListener('keypress', removeViewAnswers); const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerText = 'Reload Quiz'; reloadButton.onclick = function () { reloadQuiz(); }; document.appendChild(reloadButton); } }; // Add click and Enter key event listeners to document document.addEventListener('click', removeViewAnswers); document.addEventListener('keypress', removeViewAnswers); } function reloadQuiz() { location.reload(); } // Initialize the game on page load window.onload = initGame; </script>https://webschoolpro.blogspot.com/2024/01/blue-heading-color0056b2.htmlnoreply@blogger.com (Overflow)0tag:blogger.com,1999:blog-6032781458046627813.post-6451813967158397389Wed, 10 Jan 2024 10:00:00 +00002024-01-10T18:47:06.679-08:00<style> #blue-heading {color:#0056B2;} .mycontain {display: flex;flex-direction: column;gap: 20px;padding: 50px 0;} .question-container {display: flex;flex-direction: column;gap: 5px;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 90%;margin: 0 auto;color: black;font-weight: bold;font-size: 16px;} .box {width: 120px;height: 120px;border: 2px solid black;border-radius: 10px;cursor: pointer;font-size: 16px;transition: background-color 0.3s, transform 0.3s ease-in-out;} .box:hover {transform: scale(1.1);} .user-input {font-size: 16px;padding: 8px;width: 100%;box-sizing: border-box;border-radius: 10px;} .submit-button {font-size: 16px;padding: 10px 20px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;transition: background-color 0.3s;} .submit-button:hover {background-color: #003366;} .feedback-message {font-size: 16px;margin-top: 10px;color:#333;transition: opacity 0.3s;} .feedback-message.correct,.feedback-message.incorrect {opacity: 0;} .feedback-message.show {opacity: 1;} #score {font-weight: bold;font-size: 24px;color: #0056B2;position: absolute;top: 60px;right: 20px;} #progress {font-size: 18px;color: #555;} .popup-container {display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */z-index: 1000; /* Higher z-index for visibility */} .popup {flex-direction: column;display: flex;background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .view-answers-button {font-size: 16px;padding: 20px 20px;background-color: #0056B2;color: white;border: none;border-radius: 10px;cursor: pointer;margin-top: 30px;transition: background-color 0.3s;} .view-answers-button:hover {background-color: #008080;} .reloading{display:flex;justify-content: flex-end;} #reload-button {font-size: 16px;padding: 20px 40px;background-color: #0056B2;color: #fff;border: none;border-radius: 10px;cursor: pointer;margin-top: 20px;transition: background-color 0.3s;display: none;transition: background-color 0.3s, transform 0.3s ease;} #reload-button:hover {background-color: #003366;transform: scale(1.1);} @media screen and (max-width: 600px) { .box {margin-bottom: 10px;} } </style> <h1 id="blue-heading">Word Matching Quiz</h1> <div class="container"> <div class="mycontain" id="game-container"></div></div> <div id="score">Score: 0</div> <div class="reloading"><button id="reload-button" style="display: none;">Reload Quiz</button></div> <script> const colorData = [ { color: 'red', question: 'What color is a stop sign?' }, { color: 'yellow', question: 'What color is a banana?' }, { color: 'blue', question: 'What color is the sky on a clear day?' }, // ... add more questions and colors ]; let currentColorIndex = 0; let score = 0; let currentCorrectColor; let quizCompleted = false; function initGame() { displayQuestions(); } function displayQuestions() { const container = document.getElementById('game-container'); container.innerHTML = ''; for (let i = 0; i < colorData.length; i++) { const { color, question } = colorData[i]; const questionContainer = document.createElement('div'); questionContainer.className = 'question-container'; const box = document.createElement('div'); box.className = 'box'; box.id = color; box.style.backgroundColor = color; box.onclick = function() { setCurrentColor(color); }; const questionText = document.createElement('div'); questionText.innerText = `${i + 1}. ${question}`; const userInput = document.createElement('input'); userInput.type = 'text'; userInput.className = 'user-input'; userInput.placeholder = 'Enter the color'; userInput.autocomplete = 'off'; userInput.autocorrect = 'off'; userInput.autocapitalize = 'off'; userInput.spellcheck = false; userInput.disabled = quizCompleted; // Disable input after quiz completion userInput.addEventListener('keypress', function(event) { if (event.key === 'Enter') { checkMatch(userInput, color, i); } }); const submitButton = document.createElement('button'); submitButton.className = 'submit-button'; submitButton.innerText = 'Submit'; submitButton.onclick = function() { checkMatch(userInput, color, i); }; const feedbackMessage = document.createElement('div'); feedbackMessage.className = 'feedback-message'; questionContainer.appendChild(box); questionContainer.appendChild(questionText); questionContainer.appendChild(userInput); questionContainer.appendChild(submitButton); questionContainer.appendChild(feedbackMessage); container.appendChild(questionContainer); } updateProgress(); } function setCurrentColor(color) { currentCorrectColor = color; document.querySelector('.user-input').value = ''; } function checkMatch(userInput, correctColor, index) { if (quizCompleted) { // Quiz already completed, don't accept more answers return; } const userAnswer = userInput.value.toLowerCase(); const feedbackMessage = document.querySelectorAll('.feedback-message')[index]; const submitButton = document.querySelectorAll('.submit-button')[index]; if (userAnswer === correctColor) { showMessage(feedbackMessage, 'Correct Answer', 'green'); score++; // Disable input and submit button after correct answer userInput.disabled = true; submitButton.disabled = true; } else { showMessage(feedbackMessage, 'Incorrect Answer', 'red'); // Disable input and submit button after incorrect answer userInput.disabled = true; submitButton.disabled = true; } currentColorIndex++; if (currentColorIndex === colorData.length) { // Quiz completed quizCompleted = true; showPopup(`Quiz completed! Your final score is: ${score}`); } else { // Move typing cursor to the next question's input field const nextUserInput = document.querySelectorAll('.user-input')[currentColorIndex]; nextUserInput.focus(); } updateScore(); updateProgress(); } function updateScore() { document.getElementById('score').innerText = 'Score: ' + score; } function updateProgress() { const progressElement = document.getElementById('progress'); progressElement.innerText = `Question ${currentColorIndex + 1} of ${colorData.length}`; } function showMessage(element, message, color) { element.innerText = message; element.style.color = color; element.classList.add('show'); // Add 'show' class to trigger the opacity transition } function showPopup(message) { const popupContainer = document.createElement('div'); popupContainer.className = 'popup-container'; const popup = document.createElement('div'); popup.className = 'popup'; popup.innerText = message; if (quizCompleted) { const viewAnswersButton = document.createElement('button'); viewAnswersButton.className = 'view-answers-button'; viewAnswersButton.innerText = 'View Answers'; viewAnswersButton.onclick = function() { showAnswers(); }; popup.appendChild(viewAnswersButton); } popupContainer.appendChild(popup); document.body.appendChild(popupContainer); } function showAnswers() { // Iterate through colorData and display correct answers beside each question for (let i = 0; i < colorData.length; i++) { const { color, question } = colorData[i]; const userInput = document.querySelectorAll('.user-input')[i]; userInput.value = color; userInput.style.color = '#008080'; userInput.style.fontWeight = 'bold'; userInput.disabled = true; } // Remove the 'View Answers' button with both mouse click and Enter key const removeViewAnswers = function(event) { if (event.type === 'click' || (event.type === 'keypress' && event.key === 'Enter')) { // Remove the 'View Answers' button const viewAnswersButton = document.querySelector('.view-answers-button'); viewAnswersButton.parentNode.removeChild(viewAnswersButton); // Remove the pop-up containing the final score const popupContainer = document.querySelector('.popup-container'); popupContainer.parentNode.removeChild(popupContainer); document.removeEventListener('click', removeViewAnswers); document.removeEventListener('keypress', removeViewAnswers); const reloadButton = document.getElementById('reload-button'); reloadButton.style.display = 'inline-block'; reloadButton.innerText = 'Reload Quiz'; reloadButton.onclick = function() { reloadQuiz(); }; document.appendChild(reloadButton); } }; // Add click and Enter key event listeners to document document.addEventListener('click', removeViewAnswers); document.addEventListener('keypress', removeViewAnswers); } function reloadQuiz() { location.reload(); } // Initialize the game on page load window.onload = initGame; </script>https://webschoolpro.blogspot.com/2024/01/body-font-family-arial-sans-serif.htmlnoreply@blogger.com (Unknown)0tag:blogger.com,1999:blog-6032781458046627813.post-239449522222479200Mon, 18 Dec 2023 12:08:00 +00002023-12-18T04:25:23.095-08:0020232024englishgameidiomsJobmatchingphrase <style> .game-container { max-width: 600px; margin: 20px auto; padding: 20px; border-radius: 10px; display: none; animation: fadeInUp 0.8s ease-out; /* Add fadeInUp animation */ } h2 { color: #3498db; } .description { font-size: 16px; margin-bottom: 20px; color: #555; } .meaning { font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #3498db; } .options { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; } .option { padding: 15px 25px; background-color: #3498db; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 18px; transition: transform 0.3s ease-out; /* Add transform animation */ } .option:hover { transform: scale(1.05); background-color: #2980b9; } .result { margin-top: 20px; font-size: 18px; font-weight: bold; color: #2ecc71; } #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); padding-top: 60px; } .modal-content { background-color: #ffffff; margin: 5% auto; padding: 20px; border: 1px solid #ccc; width: 60%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; text-align: center; animation: scaleIn 0.5s ease-out; /* Add scaleIn animation */ } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } h2, p, #finalScore { margin: 10px 0; } h2 { color: #3498db; } p { color: #555; font-size: 16px; margin-bottom: 15px; } #finalScore { color: #2ecc71; font-weight: bold; font-size: 24px; } .score { font-size: 24px; font-weight: bold; color: #3498db; margin-top: 20px; } button#startGameBtn { display: block; margin: 0 auto; margin-top: 20px; padding: 10px 20px; font-size: 18px; background-color: #3498db; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } button#startGameBtn:hover { background-color: #2980b9; } button.reload-icon { margin: 20px auto; padding: 10px 20px; font-size: 18px; background-color: #2ecc71; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; display: flex; align-items: center; } button.reload-icon:hover { background-color: #27ae60; transform: scale(1.05); } button.reload-icon i { margin-right: 10px; transition: transform 0.2s; } button.reload-icon:hover i { transform: scale(1.2); } #progress-bar { height: 5px; /* Set the height of the line */ background-color: #3498db; /* Set the color of the line */ width: 0; /* Initially, the line is not visible */ transition: width 0.5s; /* Add a smooth transition effect */ margin-top: 20px; /* Add some top margin for spacing */ } #gameDescription { font-size: 18px; color: #555; margin-bottom: 20px; } #closingDescription { font-size: 16px; color: #555; margin-top: 20px; } </style> <p class="description" id="gameDescription"> Welcome to the Phrase and Idioms Matching Game! Match the idiom with its correct meaning. You have a total of 15 questions. Good luck! </p> <button id="startGameBtn" onclick="startGame()">Start Game</button> <div class="game-container"> <h2>Phrase and Idioms Matching Game</h2> <p class="description"> Match the idiom with its correct meaning. </p> <div class="meaning" id="meaning"></div> <div class="options" id="options"></div> <div id="progress-bar"></div> <div class="result" id="result"></div> <div id="snackbar"></div> <div class="score">Score: <span id="score">0</span></div> <div class="modal" id="endGameModal"> <div class="modal-content"> <h2>Game Over!</h2> <p>You have completed the idioms. Your final score is <span id="finalScore">0</span>.</p> <p>Thanks for playing!</p> <button class="reload-icon" onclick="location.reload()"><i class="fas fa-redo-alt"></i> Play Again</button> </div> </div> </div> <div> <h3>How It Works:</h3> <p> Start the Game: Click the "Start Game" button and embark on a journey of idioms and their meanings. <p> Match Idioms: Idioms: Test your knowledge by matching idioms with their correct meanings in a series of 15 questions.</p> <p> Score Points: Watch your score climb as you make accurate selections. Every correct match adds to your points.</p> </div> <script> let idiomsData = [ { idiom: "Bite the bullet", meaning: "To endure a painful or difficult situation" }, { idiom: "Burn the midnight oil", meaning: "To work late into the night" }, { idiom: "Cut to the chase", meaning: "To get to the point without wasting time" }, { idiom: "Hit the hay", meaning: "To go to bed or sleep" }, { idiom: "Jump on the bandwagon", meaning: "To join others in doing something popular or trendy" }, { idiom: "Piece of cake", meaning: "Something very easy to do" }, { idiom: "Cost an arm and a leg", meaning: "Very expensive or costly" }, { idiom: "Break the ice", meaning: "To initiate a conversation in a social setting" }, { idiom: "Hit the nail on the head", meaning: "To describe exactly what is causing a situation or problem" }, { idiom: "A piece of cake", meaning: "Very easy" }, { idiom: "Under the weather", meaning: "Feeling unwell or sick" }, { idiom: "Cry over spilled milk", meaning: "To be upset about something that has already happened and cannot be changed" }, { idiom: "The ball is in your court", meaning: "It is your responsibility to make a decision or take an action" }, { idiom: "Burn bridges", meaning: "To damage relationships, often irreparably" }, { idiom: "Beat around the bush", meaning: "To avoid addressing a topic directly" }, { idiom: "In the same boat", meaning: "Facing the same challenges or circumstances" }, { idiom: "Caught between a rock and a hard place", meaning: "In a difficult or impossible situation" }, { idiom: "A piece of the pie", meaning: "A share in an opportunity or success" }, { idiom: "To steal someone's thunder", meaning: "To take the credit for something someone else did" }, { idiom: "Throw in the towel", meaning: "To give up or surrender" }, { idiom: "Spill the beans", meaning: "To disclose a secret" }, { idiom: "Break a leg", meaning: "Good luck" }, { idiom: "Let the cat out of the bag", meaning: "To reveal a secret" }, { idiom: "Hit the jackpot", meaning: "To achieve great success or win a large prize" }, { idiom: "Burn the candle at both ends", meaning: "To overwork oneself" }, { idiom: "Cry wolf", meaning: "To give a false alarm" }, { idiom: "Jump down someone's throat", meaning: "To react angrily or defensively to something someone said" }, { idiom: "Kick the bucket", meaning: "To die" }, { idiom: "Cost a pretty penny", meaning: "To be expensive" }, { idiom: "Hit the road", meaning: "To leave or begin a journey" }, { idiom: "Cut the mustard", meaning: "To succeed or meet the required standards" } // Add more idioms and meanings as needed ]; let correctIdiom; let score = 0; let totalAttempts = 0; // Added variable for total attempts const maxAttempts = 15; // Maximum attempts const endGame = () => { document.getElementById("finalScore").innerText = score; document.getElementById("endGameModal").style.display = "block"; // Reload the page after 5 seconds setTimeout(() => location.reload(), 5000); }; const updateProgressBar = () => { // Calculate the progress percentage const progressPercentage = (totalAttempts / maxAttempts) * 100; // Update the width of the progress bar document.getElementById("progress-bar").style.width = `${progressPercentage}%`; }; const initGame = () => { if (totalAttempts >= maxAttempts) { endGame(); return; } totalAttempts++; // Increment the total attempts let num = Math.floor(Math.random() * idiomsData.length); let idiomData = idiomsData.splice(num, 1)[0]; document.getElementById("meaning").innerText = idiomData.meaning; document.getElementById("result").innerText = ""; // Clear previous result // Shuffle options excluding the correct answer let otherOptions = idiomsData.map(item => item.idiom).sort(() => Math.random() - 0.5); let shuffledOptions = [...otherOptions.slice(0, 5), idiomData.idiom].sort(() => Math.random() - 0.5); document.getElementById("options").innerHTML = ""; // Clear previous options for (let i = 0; i < 6; i++) { let button = document.createElement("button"); button.classList.add("option"); button.innerText = shuffledOptions[i]; button.addEventListener("click", () => checkAnswer(shuffledOptions[i])); document.getElementById("options").appendChild(button); } correctIdiom = idiomData.idiom; document.getElementById("score").innerText = `${score} / ${totalAttempts}`; // Update score display // Update the progress bar updateProgressBar(); }; const startGame = () => { document.getElementById("startGameBtn").style.display = "none"; // Hide the start button document.querySelector(".game-container").style.display = "block"; // Show the game container initGame(); // Start the game }; const checkAnswer = (chosenOption) => { if (chosenOption === correctIdiom) { // Calculate score based on correct answers score++; showSnackbar("Correct! +1 point"); } else { showSnackbar("Oops! Wrong answer."); } initGame(); }; const showSnackbar = (message) => { var x = document.getElementById("snackbar"); x.innerText = message; x.className = "show"; setTimeout(() => { x.className = x.className.replace("show", ""); }, 3000); }; // Initial game setup // initGame(); // Commented out to start the game only when the user clicks the "Start Game" button </script> https://webschoolpro.blogspot.com/2023/12/Phrase-Idioms-Matching-Game.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-4038815300825498988Thu, 14 Dec 2023 13:58:00 +00002023-12-14T06:14:52.295-08:00educationalenglishgamelistening<style> #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } .h1{ font-size: 25px; font-weight: 500; padding: 20px 50px; border-bottom: 1px solid #ccc; } .content{ margin: 35px 35px 60px; } .content .details{ margin: 30px 0 20px; } .details p{ font-size: 18px; margin-bottom: 10px; } .details p b{ font-weight: 500; } .content input{ width: 100%; height: 60px; outline: none; padding: 0 18px; font-size: 18px; border-radius: 5px; border: 1px solid #bfbfbf; } .content input:focus{ box-shadow: 0px 2px 4px rgba(0,0,0,0.08); } .content input::placeholder{ color: #aaa; } .content input:focus::placeholder{ color: #bfbfbf; } .content .buttons{ display: flex; margin-top: 20px; justify-content: center; } .buttons{ border: none; outline: none; color: #fff; cursor: pointer; padding: 15px 20% 15px 20%; font-size: 17px; border-radius: 5px; width: 100%; transition: all 0.3s ease; background: #6C757D; } .buttons:active{ transform: scale(0.97); } .buttons:hover{ background: #5f666d; } .content .buttons2{ display: flex; margin-top: 20px; justify-content: space-between; } .buttons2 button{ border: none; outline: none; color: #e4e0f4; cursor: pointer; padding: 15px 0; font-size: 17px; border-radius: 5px; width: calc(100% / 2 - 8px); transition: all 0.3s ease; } .buttons2 button:active{ transform: scale(0.97); } .buttons2 .speak-word{ background: #6C757D; } .buttons2 .speak-word:hover{ background: #5f666d; } .buttons2 .submit-word{ background: #5372F0; } .buttons2 .submit-word:hover{ background: #2c52ed; } .score { text-align: center; margin-top: 20px; } .score p { font-size: 18px; font-weight: 500; margin-bottom: 10px; } .score span { font-size: 24px; font-weight: 700; color: #2c52ed; /* Adjust the color as needed */ } #restart { display: inline-block; margin-top: 20px; padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } #restart:hover { background-color: #45a049; } #reload-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; text-align: center; } #reload-popup p { margin-bottom: 20px; } #reload-btn { padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } #reload-btn:hover { background-color: #45a049; } @media screen and (max-width: 100%) { .container h2{ font-size: 22px; padding: 13px 20px; } .content .word{ font-size: 30px; letter-spacing: 20px; margin-right: -20px; } .container .content{ margin: 20px 20px 30px; } .details p{ font-size: 16px; margin-bottom: 8px; } .content input{ height: 55px; font-size: 17px; } .buttons button{ padding: 14px 0; font-size: 16px; width: calc(100% / 2 - 7px); } } </style> <h1> Word Listening Challenge</h1> <p style="padding:30px">Immerse yourself in the Word Listening Challenge, an engaging and educational game that sharpens your listening and typing skills. This game combines the excitement of a typing challenge with the thrill of decoding spoken words. Get ready to expand your vocabulary while having fun!</p> <div class="content"> <div class="details"> <p class="hint">Hint: <span></span></p> <p class="time">Time Left: <span><b>30</b>s</span></p> </div> <input type="text" spellcheck="false" name="pwd" id="inp" placeholder="Enter a valid word"> <div> <button class="buttons" id="btn"> Generate New Word</button> </div> <div class="buttons2"> <button id="speak" class="speak-word">speak</button> <button id="sub" class="submit-word">submit</button> </div> <div id="snackbar">Correct answer!</div> <div class="score"> <p>Score: <span id="score">0/0</span></p> </div> <div id="feedback" style="display: none;"> <p>Game Over! You have completed 15 words.</p> <button id="restart">Restart Game</button> </div> </div> <div id="reload-popup"> <p>Game Over! You have completed 15 words.</p> <button id="reload-btn">Restart Game</button> </div> <div><p style="padding:30px"><h4>How to Play:</h4> Generate a New Word: Click the "Generate New Word" button to receive a fresh word to decipher. Listen closely as the word is spoken aloud, providing an audible challenge. <br> Hint Assistance: Don't worry if you're stuck; each word comes with a helpful hint to guide you. <br> Speak Out Loud: Click the "Speak" button to hear the correct pronunciation of the word. This feature not only aids in understanding but also reinforces correct enunciation. <br> Type and Submit: Type the word you heard into the input field and hit "Submit" or simply press "Enter" on your keyboard. Test your accuracy, spelling, and speed. <br> Time Challenge: The clock is ticking! You have 30 seconds for each word. Feel the adrenaline as you race against time. <br> Correct Answer Celebration: Celebrate your victories! A notification will pop up when you successfully identify the correct word. Continuous Learning: With a diverse array of words, the Word Listening Challenge ensures an ever-expanding learning experience. Discover new words and their meanings with every round. <br> Compete with Yourself: Challenge your own records and strive for improvement. The more you play, the more words you'll add to your vocabulary.</p></div> <script> let words = [ { word: "addition", hint: "The process of adding numbers" }, { word: "meeting", hint: "Event in which people come together" }, { word: "number", hint: "Math symbol used for counting" }, { word: "exchange", hint: "The act of trading" }, { word: "canvas", hint: "Piece of fabric for oil painting" }, { word: "garden", hint: "Space for planting flower and plant" }, { word: "position", hint: "Location of someone or something" }, { word: "feather", hint: "Hair like outer covering of bird" }, { word: "comfort", hint: "A pleasant feeling of relaxation" }, { word: "tongue", hint: "The muscular organ of mouth" }, { word: "expansion", hint: "The process of increase or grow" }, { word: "country", hint: "A politically identified region" }, { word: "group", hint: "A number of objects or persons" }, { word: "taste", hint: "Ability of tongue to detect flavour" }, { word: "store", hint: "Large shop where goods are traded" }, { word: "field", hint: "Area of land for farming activities" }, { word: "friend", hint: "Person other than a family member" }, { word: "pocket", hint: "A bag for carrying small items" }, { word: "needle", hint: "A thin and sharp metal pin" }, { word: "expert", hint: "Person with extensive knowledge" }, { word: "statement", hint: "A declaration of something" }, { word: "second", hint: "One-sixtieth of a minute" }, { word: "library", hint: "Place containing a collection of books" } // Add more words as needed ]; const soundText = document.querySelector(".buttons"), hintText = document.querySelector(".hint span"), timeText = document.querySelector(".time b"), inputField = document.querySelector('input[name="pwd"]'), speakBtn = document.querySelector(".speak-word"), submitBtn = document.querySelector(".submit-word"), scoreElement = document.getElementById('score'), snackbar = document.getElementById("snackbar"), reloadPopup = document.getElementById("reload-popup"), reloadBtn = document.getElementById("reload-btn"); let correctWord, timer, num, points = 0, attempts = 0, usedWords = []; const initTimer = maxTime => { clearInterval(timer); timer = setInterval(() => { if (maxTime > 0) { maxTime--; return timeText.innerText = maxTime; } alert(`Time's up! The correct word was ${correctWord.toUpperCase()}`); initGame(); }, 1000); }; const updateScore = () => { scoreElement.innerText = `${points}/${attempts}`; }; const endGame = () => { alert("Game Over! You have completed 15 words."); document.getElementById("feedback").style.display = "block"; setTimeout(() => { location.reload(); }, 5000); // Auto-reload after 5 seconds }; const restartGame = () => { document.getElementById("feedback").style.display = "none"; points = 0; attempts = 0; usedWords = []; updateScore(); initGame(); }; document.getElementById("restart").addEventListener("click", restartGame); reloadBtn.addEventListener("click", () => { reloadPopup.style.display = "none"; restartGame(); }); const getRandomWord = () => { let num; do { num = Math.floor(Math.random() * words.length); } while (usedWords.includes(num)); usedWords.push(num); return words[num]; }; const initGame = () => { if (attempts === 15) { endGame(); return; // End the game } initTimer(30); let word = getRandomWord(); let voice = new SpeechSynthesisUtterance(); voice.text = word.word; speechSynthesis.speak(voice); hintText.innerText = word.hint; correctWord = word.word.toLowerCase(); inputField.value = ""; inputField.setAttribute("maxlength", correctWord.length); attempts++; updateScore(); }; const speakWord = () => { let voice = new SpeechSynthesisUtterance(); voice.text = correctWord; speechSynthesis.speak(voice); }; const submitWord = () => { let userWord = inputField.value.toLowerCase(); if (userWord !== correctWord) { alert(`Oops! ${userWord} is not the correct word`); } else { points++; // Increase points for the correct answer updateScore(); // Update the score on the UI snackbar.className = "show"; setTimeout(() => { snackbar.className = snackbar.className.replace("show", ""); }, 3000); initGame(); } }; const checkReload = () => { if (usedWords.length === words.length) { reloadPopup.style.display = "block"; } }; document.getElementById("speak").addEventListener("click", speakWord); document.getElementById("sub").addEventListener("click", submitWord); document.getElementById("btn").addEventListener("click", () => { initGame(); checkReload(); }); // Trigger submitWord when the Enter key is pressed inputField.addEventListener("keyup", event => { if (event.key === "Enter") { submitWord(); } }); updateScore(); // Initial score setup initGame(); // Initial game setup </script>https://webschoolpro.blogspot.com/2023/12/english-educational-listening-game.htmlnoreply@blogger.com (Unknown)tag:blogger.com,1999:blog-6032781458046627813.post-116505051818498815Wed, 13 Dec 2023 13:57:00 +00002023-12-13T23:40:53.423-08:00<style> #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body{ display: flex; align-items: center; justify-content: center; } .container h2{ font-size: 25px; font-weight: 500; padding: 16px 25px; border-bottom: 1px solid #ccc; } .container .content{ margin: 25px 20px 35px; } .content .word{ user-select: none; font-size: 33px; font-weight: 500; text-align: center; letter-spacing: 24px; margin-right: -24px; word-break: break-all; text-transform: uppercase; } .content .details{ margin: 25px 0 20px; } .details p{ font-size: 18px; margin-bottom: 10px; } .details p b{ font-weight: 500; } .content input{ width: 100%; height: 60px; outline: none; padding: 0 16px; font-size: 18px; border-radius: 5px; border: 1px solid #bfbfbf; } .content input:focus{ box-shadow: 0px 2px 4px rgba(0,0,0,0.08); } .content input::placeholder{ color: #aaa; } .content input:focus::placeholder{ color: #bfbfbf; } .content .buttons{ display: flex; margin-top: 20px; justify-content: space-between; } .buttons button{ border: none; outline: none; color: #fff; cursor: pointer; padding: 15px 0; font-size: 17px; border-radius: 5px; width: calc(100% / 2 - 8px); transition: all 0.3s ease; } .buttons button:active{ transform: scale(0.97); } .buttons .refresh-word{ background: #6C757D; } .buttons .refresh-word:hover{ background: #5f666d; } .buttons .check-word{ background: #5372F0; } .buttons .check-word:hover{ background: #2c52ed; } @media screen and (max-width: 470px) { .container h2{ font-size: 22px; padding: 13px 20px; } .content .word{ font-size: 30px; letter-spacing: 20px; margin-right: -20px; } .container .content{ margin: 20px 20px 30px; } .details p{ font-size: 16px; margin-bottom: 8px; } .content input{ height: 55px; font-size: 17px; } .buttons button{ padding: 14px 0; font-size: 16px; width: calc(100% / 2 - 7px); } } </style> <div class="container"> <h2>Word Scramble</h2> <div class="content"> <p class="word"></p> <div class="details"> <p class="hint">Hint: <span></span></p> <p class="time">Time Left: <span><b>30</b>s</span></p> </div> <input type="text" spellcheck="false" name="pwd" id="inp" placeholder="Enter a valid word"> <div class="buttons"> <button class="refresh-word">Refresh Word</button> <button class="check-word">Check Word</button> </div> <div id="snackbar">Correct answer..</div> </div> </div> <script> let words = [ { word: "addition", hint: "The process of adding numbers" }, { word: "meeting", hint: "Event in which people come together" }, { word: "number", hint: "Math symbol used for counting" }, { word: "exchange", hint: "The act of trading" }, { word: "canvas", hint: "Piece of fabric for oil painting" }, { word: "garden", hint: "Space for planting flower and plant" }, { word: "position", hint: "Location of someone or something" }, { word: "feather", hint: "Hair like outer covering of bird" }, { word: "comfort", hint: "A pleasant feeling of relaxation" }, { word: "tongue", hint: "The muscular organ of mouth" }, { word: "expansion", hint: "The process of increase or grow" }, { word: "country", hint: "A politically identified region" }, { word: "group", hint: "A number of objects or persons" }, { word: "taste", hint: "Ability of tongue to detect flavour" }, { word: "store", hint: "Large shop where goods are traded" }, { word: "field", hint: "Area of land for farming activities" }, { word: "friend", hint: "Person other than a family member" }, { word: "pocket", hint: "A bag for carrying small items" }, { word: "needle", hint: "A thin and sharp metal pin" }, { word: "expert", hint: "Person with extensive knowledge" }, { word: "statement", hint: "A declaration of something" }, { word: "second", hint: "One-sixtieth of a minute" }, { word: "library", hint: "Place containing collection of books" }, ] const wordText = document.querySelector(".word"), hintText = document.querySelector(".hint span"), timeText = document.querySelector(".time b"), inputField = document.querySelector('input[name="pwd"]'), refreshBtn = document.querySelector(".refresh-word"), checkBtn = document.querySelector(".check-word"); let correctWord, timer; const initTimer = maxTime => { clearInterval(timer); timer = setInterval(() => { if(maxTime > 0) { maxTime--; return timeText.innerText = maxTime; } alert(`Time off! ${correctWord.toUpperCase()} was the correct word`); initGame(); }, 1000); } const initGame = () => { initTimer(30); let randomObj = words[Math.floor(Math.random() * words.length)]; let wordArray = randomObj.word.split(""); for (let i = wordArray.length - 1; i > 0; i--) { let j = Math.floor(Math.random() * (i + 1)); [wordArray[i], wordArray[j]] = [wordArray[j], wordArray[i]]; } wordText.innerText = wordArray.join(""); hintText.innerText = randomObj.hint; correctWord = randomObj.word.toLowerCase();; inputField.value = ""; inputField.setAttribute("maxlength", correctWord.length); } initGame(); const checkWord = () => { let userWord = inputField.value.toLowerCase(); if(userWord !== correctWord) return alert(`Oops! ${userWord} is not a correct word`); else{ var x = document.getElementById("snackbar"); x.className = "show"; setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); initGame(); } } refreshBtn.addEventListener("click", initGame); checkBtn.addEventListener("click", checkWord); </script> https://webschoolpro.blogspot.com/2023/12/import-urlhttpsfonts.htmlnoreply@blogger.com (Unknown)0