সম্পর্কের সম্পর্কে

প্রিয় দর্শক এই ব্লগে সমাজের বিভিন্ন সম্পর্কের সম্পর্ক নিয়ে আলোচনা করা হবে। প্রত্যেক সম্পর্কের মূল্য,গুরুত্ব কি তা বোঝানোর চেষ্টা করা হবে । তাই আশা করছি প্রত্যেকের কাছে এই ব্লগ টি খুব প্রিয় হবে। আমার নিজস্ব ধারণাটি আমি যেমন জানাব তেমনি আপনারাও আপনাদের নিজস্ব মতামত অবশ্যই জানাবেন। তাহলেই সম্পর্কের সম্পর্ক নিয়ে সঠিক তথ্যটি বেরিয়ে আসবে।সকলের সহযোগিতা কাম্য । ধন্যবাদ

Breaking

CLICK HERE......... your sayings.........

বুধবার, ৩১ আগস্ট, ২০২২

আগস্ট ৩১, ২০২২

শিশুকে কী ভাবে ভালো অভ্যাস শেখাবেন :|How to Learn Good Habits to a Child

 শিশুকে কী ভাবে ভালো অভ্যাস শেখাবেন : 


সন্তানকে মানুষের মত মানুষ করা করা একটি বিশাল দায়িত্ব প্রত্যেকটি বাবা-মার। আপনি আপনার সন্তানের ভবিষ্যৎ নিয়ে চিন্তিত। তার ভবিষ্যৎ লক্ষ্যে পৌঁছাতে নানা কৌশল এর পরিকল্পনা করছেন, আপনার সন্তান শৈশবে যা শিখবে, সেটি সারাজীবন থাকবে। 


আপনার বাড়ির পরিবেশ সুন্দর করে তুলুন। প্রথমে আপনার শিশুকে দৈনন্দিন জীবনের প্রাথমিক কাজ গুলি যেমন দাঁত ব্রাশ করা, ঠিকমতো খাবার খাওয়া, ঠিক ভাবে হাত ধোয়া শেখাতে হবে ।এরপর খুব সাধারণ শিষ্টাচারগুলি শেখাতে হবে, যেমন ধন্যবাদ দুঃখিত কখন বলতে হবে । ভালো গল্পের বই বাচ্চার শোবার সময় পড়ুন ,এতে অনেক নৈতিকতা শিখবে। 


শিশু সাধারণত অনুকরণপ্রিয় হয় । আপনি কি বলছেন সেটি শুনে বাচ্চা শেখে না, বাচ্চা শেখে যেটা আপনি করছেন তা দেখে। সুতরাং আপনাকে আপনার শিশুর কাছে একজন আদর্শ মানুষ হতে হবে। একটি শিশু সবচেয়ে বেশি শেখে তার বাবা-মার কাছ থেকে , তাই আপনি আপনার শিশুর কাছে একজন রোল মডেল হন। 


আপনার সন্তানকে নেতিবাচক নামে ডাকবেন না। শিশুদের সব সময় উৎসাহসূচক ব্যবহার করতে হবে। শিশুদের সঙ্গে বন্ধুর মতো থাকবেন। আপনার শিশুর সকল কথা মনোযোগ সহকারে শুনতে হবে। বাচ্চাদের তুলনা করবেন না, কারণ প্রতিটি শিশুই অনন্যা। তাই তাদের প্রশংসা করুন, তাদের প্রতিভা ও কৃতিত্ব দেখুন ব্যর্থতা নয়। বাচ্চাদের তাদের ভুল থেকে শিখতে উৎসাহিত করুন । শিশুকে শৈশব উপভোগ করতে দিন । বাচ্চারা আপনাদের বিরক্ত করবেন, কিন্তু তারা আপনাদের মনোযোগ চায় । 


প্রতিটি কাজের জন্য একটা নির্দিষ্ট সময় নির্ধারণ করতে হবে। খেলাধুলা, টিভি দেখা, পড়াশোনা- এইসব কাজের জন্য সময় ঠিক করুন। সময়ের নমনীয়তা রাখতে হবে অর্থাৎ শিশুর যদি কোন কাজ পরে করব বলে বা করব না বলে তাহলে তাকে করতে দিতে হবে। 



 আপনার শিশুকে তার ভালো কাজের জন্য পুরস্কৃত করতে হবে। কিন্তু পুরস্কার সবসময় যেন কোন বস্তু না হয়, যেমন খেলনা ,বল ইত্যাদি। শিশুকে প্রশংসা করা, তার সাথে কোথাও ঘুরতে যাওয়া, খেলতে যাওয়া, আলিঙ্গন করলেন ইত্যাদি পুরস্কারে পুরস্কৃত করুন।


বাচ্চাকে সত্যি কথা বলতে শেখাতে হবে। সত্যি বলতে অভ্যাস করাতে হবে। বাবা-মার সত্য কথা বলা উচিত । তার বাবা-মাকে দেখে বাচ্চা শিখে ।আপনি কি বলছেন সেটা শুনে বাচ্চা শেখে না, বাচ্চা শেখে যেটা আপনি করছেন। 


বাচ্চাকে প্রশ্ন করতে উৎসাহিত করতে হবে। আমরা বলি বড়দের সঙ্গে তর্ক করো না, কিন্তু ছোটরা প্রশ্ন না করলে শেখে না।ছোটদের প্রশ্ন করাতে উৎসাহিত করতে হবে। বড়দের কাছে সঠিক ভাবে প্রশ্ন করা শেখাতে হবে। 


কোন জিনিস লড়াই করে পাওয়া গেলে, সেটার গুরুত্ব বোঝা যায়। বাচ্চা কোন জিনিস চাইলেই, তাকে সঙ্গে সঙ্গে দেবেন না ।একটি খেলনা পাওয়া জন্য একটি বাচ্চা বায়না করছে, সেটা বাবা-মা সহজেই দিয়ে দিলে খেলাটির প্রতি গুরুত্ব কমে যায় । যেমন বাচ্চার খিদে লাগলে তবেই খাবারটির গুরুত্ব থাকে। কিন্তু খাবারটি খেতে চাইছে না, আপনি জোর করে খাইয়ে যাচ্ছেন, তাহলে বাচ্চাদের খাবারের প্রতি গুরুত্ব কমে যায় ।


আপনি আপনার শিশুর বন্ধু হন যাতে আপনাকে সবকিছু শেয়ার করতে পারে। ওর স্কুলে কি ঘটেছে , কোন বন্ধু ভালো বা কোন বন্ধু খারাপ ইত্যাদি জানুন। আপনি যতই ব্যস্ত হননা কেন, ওকে সময় দিন। আপনার সন্তানের সাথে বন্ধুত্ব করুন এবং যেখানে প্রয়োজন সেখানে কঠোর হোন। 


আপনার শিশুকে কোনটি ভালো, কোনটি খারাপ শেখান । কোনটি খারাপ এবং কেন খারাপ বা কোনটি ভাল এবং কেন ভালো সেটাও ওকে বোঝাতে হবে। 


শিশুদের নিয়মিত আলিঙ্গন করতে হবে। তাহলে তারা আত্মবিশ্বাসী হয়ে ওঠে। শিশুদের ছোট ছোট দায়িত্ব পালন করতে শেখান। যেমন শিশুদের তার নিজের খেলনা নিজেদের সাজিয়ে রাখতে শেখাবেন। 


আপনার সন্তানের সামনে কখনোই খারাপ শব্দ ব্যবহার করবেন না। এতে শিশু ভুল জিনিস শিখবে। যেসব শিশুরা বাড়িতে সঠিক পরিবেশ পায় না, তারা বড় হয়ে হিংস্র হয়ে ওঠে। 


বাচ্চাকে সঠিক খাবার গ্রহণ শেখাতে হবে। বাইরের মুখরোচক খাবার যে তাদের স্বাস্থ্যের পক্ষে ক্ষতিকারক সেটা বোঝাতে হবে। বাইরের খাবার দীর্ঘদিন ধরে থেকে স্বাস্থ্য জটিলতা সৃষ্টি করতে পারে। 

পারিবারিক নৈশভোজে বাচ্চাদের মধ্যে স্বাস্থ্যকর খাবারের অভ্যাস গড়ে ওঠে। এতে একদিকে অস্বাস্থ্যকর খাবার খাওয়ার সম্ভাবনা কম থাকে এবং পরিবারের সাথে বেশি যোগাযোগ গড়ে ওঠে। 


ভালো মানুষ হয়ে উঠতে বাচ্চাদের ভালোবাসা, উপলব্ধি ও যত্ন প্রয়োজন। শিশুরা যা করতে পারে না তা শুনতে পছন্দ করে না। তার পরিবর্তে তারা কি করতে পারে তা বলুন। 



শনিবার, ২১ আগস্ট, ২০২১

আগস্ট ২১, ২০২১

 GK Quiz -47


ভিটামিন সম্পর্কিত MCQ প্রশ্ন উত্তর PDF | Vitamine MCQ Question in Bengali





জীবন বিজ্ঞান প্রশ্ন উত্তর| পুষ্টি, বিপাক ও পরিপাক

 পর্ব-4



প্রিয়  ভাই- বোনেরা , যেকোনো প্রতিযোগিতামূলক পরীক্ষায় General Science/সাধারণ বিজ্ঞান একটি গুরুত্বপূর্ণ বিষয়। WBCS, RAIL, WBP, PSC, PSC MISC, KP, BANK,WBJEEB ইত্যাদি যেকোনো  পরীক্ষায় সাধারণ বিজ্ঞান থেকে কয়েকটি প্রশ্ন আসে । সুতরাং সাধারণ বিজ্ঞান একটি গুরুত্বপূর্ণ বিষয়। তাই সাধারণ বিজ্ঞান উপর Mock Test দেওয়া হল 





জেনারেল সায়েন্স কুইজ-এর আগের পর্বগুলি

CLICK HERE


1000 সাধারণ বিজ্ঞান   প্রশ্ন-উত্তর FREE PDF

CLICK HERE

 




আগের সেট


পুষ্টি, বিপাক ও পরিপাক  MCQ সেট – 2




সকল পর্বের শেষে PDF দেওয়া হবে।








Time is Up
score:
Next Question

Results

Total Questions:

Attempt:

Correct:

Wrong:

Percentage:

সোমবার, ৯ আগস্ট, ২০২১

আগস্ট ০৯, ২০২১

 <!DOCTYPE html>

<!-- saved from url=(0408)https://mojocommerce-digital-files-production.s3.amazonaws.com/migrate_files/9af134/digital_files/N66z0QuqRxyEThUuBsnQ_blogger%20%281%29.html?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA47TQ2B56F36XREC6%2F20210809%2Fap-south-1%2Fs3%2Faws4_request&X-Amz-Date=20210809T013442Z&X-Amz-Expires=600&X-Amz-SignedHeaders=host&X-Amz-Signature=03938159145032df765a97b16edfbad021d1810f6480c86f6a8529e5ac8c34e2 -->

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<style>

</style>

  <title> Quiz Application </title>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <style>

  @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap');

@import url('https://fonts.googleapis.com/css?family=Concert+One&display=swap');


body{

 margin:0;

    background-image: url(img/bg.jpg);

    background-attachment: fixed;

    font-family: 'Montserrat', sans-serif;

}

{

box-sizing: border-box;

}

.custom-box{

max-width: 800px;

background-color: #ddd6e1;

margin:30px auto;

padding: 50px 40px;

border-radius: 10px;

    border-style: solid;

    border-color: blueviolet;

}

.quiz-home-box{

text-align:center;

display: none;

}

.quiz-home-box.show{

    display: block;

    animation: fadeInRight 1s ease;

}

.quiz-home-box h4{

font-size: 30px;

    font-weight: 500;

    color:#444444;

    margin: 0 0 30px;

    border-style: ridge;

}

.btn{

    background-color: #4413ac;

    border: 2px solid #422c11;

    padding: 14px 40px;

    color: #ffffff;

    font-size: 20px;

    border-radius: 30px;

    font-family: 'Montserrat', sans-serif;

    cursor: pointer;

    white-space: nowrap;

    margin: 0 10px;

}

.btn:focus{

    outline:none;

}

.quiz-box{

    background-color: #bad3df;

    display: none;

}

.quiz-box.show{

    display: block;

    animation: fadeInRight 1s ease;

}

.quiz-box .stats{

display: flex;

flex-wrap: wrap;

justify-content: space-between;

font-size: 30px;

text-transform: uppercase;

color: #000000;

}

.quiz-box .stats .quiz-time{

flex-basis: calc(50% - 20px);

max-width: calc(50% - 20px);

/*background: red;*/

text-align: left;

}

.quiz-box .stats .time-up-text{

   /* display: inline-block;*/

    color:#f40404;

font-weight: 500;

display: none;

}

.quiz-box .stats .time-up-text.show{

   display:inline-block;

   animation: fadeInOut 1s linear infinite; 

}

@keyframes fadeInOut{

0%{

opacity: 0;

}

50%{

opacity: 2;

}

100%{

opacity: 0;

}

}

.quiz-box .stats .quiz-time .remaining-time{

height: 60px;

width: 60px;

color:#096b36;

border: 2px solid #096b36;

font-weight: 800;

line-height: 56px;

text-align: center;

border-radius: 50%;

display:inline-block;

}

.quiz-box .stats .quiz-time .remaining-time.less-time{

    color:#b5200d;

border-color:#b5200d;

}

.quiz-box .stats .score-board{

flex-basis: calc(50% - 20px);

max-width: calc(50% - 20px);

/*background: blue;*/

text-align: right;

}

.quiz-box .stats .score-board .correct-answer{

font-weight: 800;

}

.quiz-box .question-box{

    background-color: #ffffff;

    padding: 40px 30px;

    margin-top: 40px;

    border-radius: 10px;

    font-size: 28px;

    border: 2px solid #4d330a;

    text-align: center;

    position: relative;

}

.quiz-box .question-box .current-question-num{

height: 70px;

width: 70px;

background-color: #ffffff;

border:2px solid #4d3106;

font-size: 20px;

font-weight: 800;

color:#1411e3;

border-radius: 50%;

line-height: 68px;

text-align: center;

position: absolute;

top:-35px;

left:50%;

margin-left: -35px;

z-index:1;

}

.quiz-box .question-box .question-text{

    font-size: 26px;

    font-family: sans-serif;

    color:#ac1313;

}

.quiz-box .option-box{

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.quiz-box .option-box .option{

background-color: #958f8f;

flex-basis: calc(50% - 20px);

max-width: calc(50% - 20px);

margin-top: 30px;

padding: 7px 7px;

text-align: center;

font-size: 20px;

text-transform: uppercase;

font-weight: 500;

color:#231803;

border:2px solid #5e5a53;

border-radius: 30px;

cursor: pointer;

    position: relative;

    animation: zoomIn .3s linear forwards;

    opacity: 0;

}

@keyframes zoomIn{

0%{

transform: scale(0.8);

}

100%{

transform: scale(1);

opacity:1;

}

}

.quiz-box .option-box .option.already-answered{

pointer-events: none;

}

.quiz-box .option-box .option.show-correct{

    background-color: #096b36;

border-color:#096b36;

    color: #ffffff;

    transition: all .3s ease;

}

.quiz-box .option-box .option.correct{

background-color: #096b36;

border-color:#096b36;

color:#ffffff;

    opacity:1;

animation: pulse 1s linear;

}

@keyframes pulse{

0%{

transform: scale(1);

}

50%{

transform: scale(1.1);

}

100%{

transform: scale(1);

}

}

.quiz-box .option-box .option.correct::before{

content: '';

position: absolute;

height: 30px;

width: 30px;

right: 15px;

top:7px;

background-image: url("img/correct.png");

background-size: 20px;

background-position: center;

background-repeat: no-repeat;

animation: fadeInRight .5s ease;

}

.quiz-box .option-box .option.wrong{

background-color: #a22312;

border-color:#a22312;

color: #ffffff;

opacity:1;

animation: shake 1s linear;

}

.quiz-box .option-box .option.wrong::before{

content: '';

position: absolute;

height: 30px;

width: 30px;

right: 15px;

top:7px;

background-image: url("img/wrong.png");

background-size: 20px;

background-position: center;

background-repeat: no-repeat;

animation: fadeInRight .5s ease;

}

@keyframes shake{

0%,30%,50%{

transform: translateX(10px);

}

20%,40%{

transform: translateX(-10px);

}

60%{

transform: translateX(-7px);

}

70%{

transform: translateX(7px);

}

80%{

transform: translateX(-4px);

}

90%{

transform: translateX(4px);

}

100%{

transform: translateX(0px);

}

@keyframes fadeInRight{

0%{

opacity:0;

transform: translateX(40px);

}

100%{

opacity: 1;

transform: translateX(0px);

}

}

}

.quiz-box .answer-description{

    background-color: #ffffff;

    border:2px solid #c2af91;

    margin-top: 20px;

    padding: 15px;

    border-radius:10px;

    color; #555555;

    display: none;

    

}

.quiz-box .answer-description.show{

    display: block;

    animation: fadeInRight 1s ease;

}

.quiz-box .next-question{

margin-top: 20px;

text-align: center;

}

.see-result-btn,.next-question-btn{

    display: none;

}

.see-result-btn.show,

.next-question-btn.show{

    display: inline-block;

    animation: fadeInRight 1s ease;

}

.quiz-over-box{

    text-align: center;

    display: none;

}

.quiz-over-box.show{

   display: block;

   animation: fadeInRight 1s ease;

}

.quiz-over-box h1{

font-size:50px;

font-family: 'Concert One', cursive;

color: #f85943;

margin:0px 3 20px;

}

.quiz-over-box h4{

font-size:25px;

font-weight: normal;

color: #444444;

margin: 15px 0 20px;

}

.quiz-over-box h4 span{

font-weight: 800;

color:#111111;

}

.start-again-quiz-btn,

.go-home-btn{

margin-top: 15px;

}

/*responsive*/

@media (max-width: 767px){

.custom-box{

background-color: #cbe1e0;

}

.quiz-home-box h4{

    font-size: 16px;

}

.btn{

    padding: 7px 20px;

font-size: 15px;

}

 .quiz-box .question-box{

        padding: 40px 0px;

    }

    .quiz-box .question-box .question-text{

        font-size: 17px;

        font-family: sans-serif;

        color: #1d1b19;

    }

    .custom-box{

        padding: 30px 10px 50px 10px;

        background-color: #d5deee;

    }

    .quiz-box .stat{

        font-size:20px;

    }

    .quiz-box .stats .quiz-time {

        flex-basis: calc(60% - 10px);

        max-width: calc(60% - 10px);

        font-size: 18px;

    }

    .quiz-box .stats .score-board{

        flex-basis: calc(40% - 10px);

        max-width: calc(40% - 10px);

        font-size: 16px;

    }

    .quiz-box .stats .quiz-time .remaining-time{

        height: 50px;

        width: 50px;

        line-height: 46px;

        color: #045e2e;

        border: 2px solid #045e2e;

    }

    .quiz-box .question-box .current-question-num{

        height: 60px;

        width: 60px;

        line-height: 58px;

        top: -30px;

        margin-left: -30px;

        font-size: 16px;

    }

    .quiz-box .option-box .option{

        flex-basis: 100%;

        max-width: 100%;

        font-size: 16px;

        margin-top: 15px;

    }

.quiz-over-box h1{

        font-size: 30px;

        

    }

    .quiz-over-box h4{

        font-size: 20px;

        margin: 10px 0 15px;

    }

}

  </style>

</head>

<body>  

 <div class="quiz-home-box custom-box">

 <h4>you'll have 15 second to answer each question.</h4>

 <button type="button" class="start-quiz-btn btn">Start The Quiz</button>

</div>

<div class="quiz-box custom-box show">

<div class="stats">

<div class="quiz-time">

<div class="remaining-time less-time">00</div>

    <span class="time-up-text show">Time's Up</span>

</div>

<div class="score-board">

<span class="score-text">score:</span>

<span class="correct-answer">0</span>

</div>

</div>

<div class="question-box">

<div class="current-question-num">1 / 12</div>

<div class="question-text">किस अभिनेत्री/ अभिनेता का पहला दादा साहेब फाल्के पुरस्कार मिला?</div>

</div>

<div class="option-box"><div class="option already-answered" id="0" onclick="check(this)" style="animation-delay: 0.2s;">दिलीप कुमार</div><div class="option already-answered" id="1" onclick="check(this)" style="animation-delay: 0.4s;">राजकपूर</div><div class="option show-correct already-answered" id="2" onclick="check(this)" style="animation-delay: 0.6s;">देविका रानी</div><div class="option already-answered" id="3" onclick="check(this)" style="animation-delay: 0.8s;">लता मंगेशकर</div></div>

<div class="answer-description"></div>

<div class="next-question">

<button type="button" class="next-question-btn btn show">Next question</button>

<button type="button" class="see-result-btn btn">See Your Result</button>

</div>

</div>

<div class="quiz-over-box custom-box">

<h1>Quiz Result</h1>

<h4>Total Questions: <span class="total-questions"></span></h4>

<h4>Attempt: <span class="total-attempt"></span></h4>

<h4>Correct: <span class="total-correct"></span></h4>

<h4>Wrong: <span class="total-wrong"></span></h4>

<h4>Percentage: <span class="percentage"></span></h4>

<button type="button" class="start-again-quiz-btn btn">Start Again</button>

<button type="button" class="go-home-btn btn">Go To Home</button>

</div>

<script>



const questionText=document.querySelector(".question-text");

const optionBox=document.querySelector(".option-box");

const currentQuestionNum=document.querySelector(".current-question-num");

const answerDescription=document.querySelector(".answer-description");

const nextQuestionBtn=document.querySelector(".next-question-btn");

const correctAnswers=document.querySelector(".correct-answer");

const seeResultBtn=document.querySelector(".see-result-btn");

const remainingTime=document.querySelector(".remaining-time");

const timeUpText=document.querySelector(".time-up-text");

const quizHomeBox=document.querySelector(".quiz-home-box");

const quizBox=document.querySelector(".quiz-box");

const quizOverBox=document.querySelector(".quiz-over-box");

const startAgainQuizBtn=document.querySelector(".start-again-quiz-btn");

const goHomeBtn=document.querySelector(".go-home-btn");

const startQuizBtn=document.querySelector(".start-quiz-btn");

let attempt=0;

let questionIndex=0;

let score=0;

let number=0;

let myArray=[];

let interval;

    // You can put Questions Here

    // answer id 1-0, 2-1, 3-2, 4-3, 

myApp=[

    {

    question:'भारत में 2 सर्वोच्च शौर्य पुरस्कार है',

    options:['परमवीर चक्र','परमवीर चक्र व महावीर चक्र','परमवीर चक्र व वीर चक्र ','अशोक चक्र व महावीर चक्र'],

    answer:0,

    description:"hgygugftdbjkjjhfdccgcvgcg"

   },

   {

    question:'किस वर्ष में अमर्त्य सेन ने अर्थशास्त्र में नोबेल पुरस्कार जीता?',

    options:['1999','1998','2000','1997'],

    answer:1,

description: " You Can Write Discription Here......"

   },

   {

    question:'ज्ञानपीठ पुरस्कार प्राप्त करने वाला प्रथम व्यक्ति कौन है ?',

    options:['जी. शंकर कुरुप ','महादेवी वर्मा','रामधारी सिंह दिनकर ','महाश्वेता देवी'],

    answer:0

   },

   {

    question:'नोबेल पुरस्कार कितने क्षेत्रों में दिये जाते हैं ?',

    options:['5','6','7','4'],

    answer:3

   },

   {

    question:'अपने जीवन में किसने सर्वाधिक आस्कर जीते हैं ?',

    options:['चार्ली चैपलिन','वाल्ट डिज्नी','सत्यजीत रे','डेविड लीन'],

    answer:1,

description: " You Can Write Discription Here......"

   },

   {

    question:'किस राज्य सरकार द्वारा लता मंगेशकर पुरस्कार दिया जाता है ?',

    options:['महाराष्ट्र','गोवा','मध्य प्रदेश','गुजरात'],

    answer:2

   },

   {

    question:'नोबेल शांति पुरस्कार किस शहर में प्रदान किया जाता है ?',

    options:['ब्रुसेल्स','जिनेवा','ओस्लो','स्टॉकहोम'],

    answer:3

   },

   {

    question:'किस अभिनेत्री/ अभिनेता का पहला दादा साहेब फाल्के पुरस्कार मिला?',

    options:['दिलीप कुमार','राजकपूर','देविका रानी','लता मंगेशकर'],

    answer:2

   },

    {

    question:'किस अभिनेत्री/ अभिनेता का पहला दादा साहेब फाल्के पुरस्कार मिला?',

    options:['दिलीप कुमार','राजकपूर','देविका रानी','लता मंगेशकर'],

    answer:2

   },

    {

    question:'नोबेल शांति पुरस्कार किस शहर में प्रदान किया जाता है ?',

    options:['ब्रुसेल्स','जिनेवा','ओस्लो','स्टॉकहोम'],

    answer:3

   },

   {

    question:'किस अभिनेत्री/ अभिनेता का पहला दादा साहेब फाल्के पुरस्कार मिला?',

    options:['दिलीप कुमार','राजकपूर','देविका रानी','लता मंगेशकर'],

    answer:2

   },

    {

    question:'किस अभिनेत्री/ अभिनेता का पहला दादा साहेब फाल्के पुरस्कार मिला?',

    options:['दिलीप कुमार','राजकपूर','देविका रानी','लता मंगेशकर'],

    answer:2

   }

]


function load(){

    number++;

   questionText.innerHTML=myApp[questionIndex].question;

    creatOptions();

    scoreBoard();

    currentQuestionNum.innerHTML=number + " / " +myApp.length;

}

function creatOptions(){

    optionBox.innerHTML="";

    let animationDelay=0.2;

    for(let i=0; i<myApp[questionIndex].options.length; i++){

        const option=document.createElement("div");

              option.innerHTML=myApp[questionIndex].options[i];

              option.classList.add("option");

              option.id=i;

              option.style.animationDelay=animationDelay + "s";

              animationDelay=animationDelay+0.2;

              option.setAttribute("onclick","check(this)");

              optionBox.appendChild(option);

        

    }

}


function generateRandomQuestion(){

    const randomNumber=Math.floor(Math.random() * myApp.length);

   let hitDuplicate=0;

   if(myArray.length == 0){

        questionIndex=randomNumber;

    }

    else{

        for(let i=0; i<myArray.length; i++){

            if(randomNumber == myArray[i]){

                //if duplicate found

                hitDuplicate=1;

                

            }

        }

        if(hitDuplicate == 1){

            generateRandomQuestion();

            return;

        }

        else{

            questionIndex=randomNumber;

        }

    }

    

    myArray.push(randomNumber);

    console.log(myArray)

    load();

}


function check(ele){

    const id=ele.id;

    if(id==myApp[questionIndex].answer){

       ele.classList.add("correct");

        score++;

        scoreBoard();

    }

    else{

        ele.classList.add("wrong");

        //show correct option when clicked answer is wrong

        for(let i=0; i<optionBox.children.length; i++){

            if(optionBox.children[i].id==myApp[questionIndex].answer){

                optionBox.children[i].classList.add("show-correct");

            }

        }

    }

    attempt++;

    disableOptions()

    showAnswerDescription();

    showNextQuestionBtn();

    stopTimer();

    

    if(number == myApp.length){

        quizOver();

    }

}

function timeIsUp(){

    showTimeUpText();

    //when time is up Show Correct Answer

    for(let i=0; i<optionBox.children.length; i++){

            if(optionBox.children[i].id==myApp[questionIndex].answer){

                optionBox.children[i].classList.add("show-correct");

            }

        }

    disableOptions()

    showAnswerDescription();

    showNextQuestionBtn();

if(number == myApp.length){

        quizOver();

      }

}

function startTimer(){

    let timeLimit=15;

    remainingTime.innerHTML=timeLimit;

    remainingTime.classList.remove("less-time");

    interval=setInterval(()=>{

      timeLimit--;

        if(timeLimit < 10){

            timeLimit="0"+timeLimit;

            

            }

            if(timeLimit < 6){

                remainingTime.classList.add("less-time");  

            }

            remainingTime.innerHTML=timeLimit;

            if(timeLimit == 0){

            clearInterval(interval);

            timeIsUp();

    }

    },1000)

}

function stopTimer(){

    clearInterval(interval);

}

function disableOptions(){

    for(let i=0; i<optionBox.children.length; i++){

        optionBox.children[i].classList.add("already-answered")

    }

}

function showAnswerDescription(){

    if(typeof myApp[questionIndex].description !== 'undefined'){

        answerDescription.classList.add("show");

        answerDescription.innerHTML=myApp[questionIndex].description;

    }

    

}

function hideAnswerDescription(){

    answerDescription.classList.remove("show");

    answerDescription.innerHTML="";

}


function showNextQuestionBtn(){

    nextQuestionBtn.classList.add("show");

}

function hideNextQuestionBtn(){

    nextQuestionBtn.classList.remove("show");

}

function showTimeUpText(){

    timeUpText.classList.add("show");

}

function hideTimeUpText(){

    timeUpText.classList.remove("show");

    

}

function scoreBoard(){

    correctAnswers.innerHTML=score;

}


nextQuestionBtn.addEventListener("click",nextQuestion);


function nextQuestion(){

   generateRandomQuestion();

    hideNextQuestionBtn();

    hideAnswerDescription();

    hideTimeUpText();

    startTimer();

}

function quizResult(){

    document.querySelector(".total-questions").innerHTML=myApp.length;

    document.querySelector(".total-attempt").innerHTML=attempt;

    document.querySelector(".total-correct").innerHTML=score;

    document.querySelector(".total-wrong").innerHTML=attempt-score;

    const percentage=(score/myApp.length)*100;

    document.querySelector(".percentage").innerHTML=percentage.toFixed(2) +"%";

}

function resetQuiz(){

  attempt=0;

  //questionIndex=0;

  score=0;

  number=0;

  myArray=[];

}


function quizOver(){

    nextQuestionBtn.classList.remove("show");

    seeResultBtn.classList.add("show");

}

seeResultBtn.addEventListener("click", ()=>{

    quizBox.classList.remove("show");

    seeResultBtn.classList.remove("show");

    quizOverBox.classList.add("show");

    quizResult();

     })


startAgainQuizBtn.addEventListener("click", ()=>{

    quizBox.classList.add("show");

    quizOverBox.classList.remove("show");

    resetQuiz();

    nextQuestion();

})


goHomeBtn.addEventListener("click", ()=>{

    quizOverBox.classList.remove("show");

    quizHomeBox.classList.add("show")

    resetQuiz();

})

  

startQuizBtn.addEventListener("click", ()=>{

    quizHomeBox.classList.remove("show");

    quizBox.classList.add("show");

    nextQuestion();

})


//window.onload=()=>{

    

//}

</script>



</body></html>

বৃহস্পতিবার, ৫ আগস্ট, ২০২১

আগস্ট ০৫, ২০২১
আগস্ট ০৫, ২০২১

 

<!DOCTYPE html> <html> <head> <title>quiz in Javascript </title> <link rel="stylesheet" href="style.css"> <style> body{ margin:0; background-color:#d9cdcd; font-family: sans-serif; } *{ box-sizing: border-box; } .quiz-container{ max-width: 700px; min-height:500px; background-color: #ffffff; margin:40px auto; border-radius:10px; padding:30px; } .quiz-container::after,.quiz-container::before{ content: ''; clear: both; display: table; } .question-number, .question, .options, .button, .answers-tracker{ float: left; width: 100%; } .question-number h3{ color:#009688; border-bottom: 1px solid #ccc; margin:0; padding-bottom:10px; } .question { font-size:22px; color:000000; padding:20px 0; } .options div{   background-color: #cccccc;   font-size:16px;   color:000000;   margin-bottom:10px;   border-radius:5px;   padding:15px;   position: relative;   overflow:hidden;   cursor: pointer; } .options div.disabled{ pointer-events: none; } .options div.correct{ z-index: 1; color: #fff; } .options div.correct::before{ content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: green; z-index: -1; animation: animateBackground 1s ease; animation-fill-mode: forwards; } @keyframes animateBackground{ 0%{   transform: translateX(-100%); } 100%{   transform: translateX(0%); } } .options div.wrong{ z-index: 1; color: #fff; } .options div.wrong::before{ content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color:red; 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:5px; cursor: pointer; background-color:#009688; font-size:16px; color:#ffffff; border: none; display: inline-block; margin:15px 0 20px; } .answers-tracker{ border-top:1px solid #ccc; padding-top: 15px; } .answers-tracker div{ height: 40px; width: 40px; background-color: #cccccc; display: inline-block; border-radius: 50%; margin-right:5px; } .answers-tracker div.correct{ background-color: green; background-image:url('img/correct.png'); background-position: center; background-repeat: no-repeat; background-size: 50%; } .answers-tracker div.wrong{ background-color: red; background-image:url('img/wrong.png'); background-position: center; background-repeat: no-repeat; background-size: 50%; } .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: #009688; padding:30px; border-radius:10px; text-align: center; flex-basis: 700px; max-width:700px; color:#ffffff; } .quiz-over .box h1{ font-size:36px; margin:0 0 20px; } .quiz-over .box button{ padding:15px 50px; border:none; background-color:#FF9800; border-radius:5px; font-size:16px; margin:15px 0 20px; color:#ffffff; } </style> </head> <body>      <div class="quizContainer container-fluid well well-lg">         <div id="quiz1" class="text-center"> <h3 style="color:#d14040;position:center;left:80%;top:0%;" align="Center" ><span id="Modern History Of India Quiz part 01 for all Exams">C Programming  Quiz </span><br/><span id='Modern History Of India Quiz part 01 for all Exams' style="font-size:25px;"></span></h3> <h2 Style="color:#ff000;position:center;left:80%;top0%;" align="center" "font-size:25px;"><samp id="Sub heading"> Test Exams</samp></h2>             </div>  <div class="quiz-container">     <div class="question-number">        <h3>Question <span class="question-num-value"></span> of <span class="total-question"></span></h3>     </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>      </h1>      <button type="button" onclick="tryAgain()">TryAgain</button>    </div> </div> <script src="script.js"></script> <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;   // questions and options and answers   const questions=[    {     q:'What are the different types of real data type in C ?',     options:['float, double','short int, double, long int','float, double, long double','double, long int, float'],     answer:3    },    {     q:'The keyword used to transfer control from a function back to the calling function is',     options:['switch','goto','go back','return'],     answer:4    },    {     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    },    {     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    },    {     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    },    {     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    }      ]   // set questions and options and question number   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++;     console.log("score:"+score)    }    else{     element.classList.add("wrong");     updateAnswerTracker("wrong")    }    disabledOptions()   }      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")){         alert("Please Selecto one option")       }       else{        enableOptions();        randomQuestion();       }   }   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(){     document.querySelector(".quiz-over").classList.add("show");     correctAnswerSpan.innerHTML=score;     totalQuestionSpan2.innerHTML=questions.length;     percentage.innerHTML=(score/questions.length)*100 + "%"; } function tryAgain(){      window.location.reload(); } window.onload=function(){   randomQuestion();   answerTrakcer(); } </script> </body> </html>

শিশুকে কী ভাবে ভালো অভ্যাস শেখাবেন :|How to Learn Good Habits to a Child

 শিশুকে কী ভাবে ভালো অভ্যাস শেখাবেন :  সন্তানকে মানুষের মত মানুষ করা করা একটি বিশাল দায়িত্ব প্রত্যেকটি বাবা-মার। আপনি আপনার সন্তানের ভবিষ্...