<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ความน่าเชื่อถือของข้อมูล Archives - ครูชัชดอทคอม</title>
	<atom:link href="https://www.kroochut.com/tag/%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%99%e0%b9%88%e0%b8%b2%e0%b9%80%e0%b8%8a%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%96%e0%b8%b7%e0%b8%ad%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.kroochut.com/tag/ความน่าเชื่อถือของข้อม/</link>
	<description>เว็บไซต์เพื่อการเรียนรู้ของทุกคน</description>
	<lastBuildDate>Mon, 08 Sep 2025 10:20:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://www.kroochut.com/wp-content/uploads/2024/12/cropped-5dd646cee6656-32x32.png</url>
	<title>ความน่าเชื่อถือของข้อมูล Archives - ครูชัชดอทคอม</title>
	<link>https://www.kroochut.com/tag/ความน่าเชื่อถือของข้อม/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>บทเรียนออนไลน์แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล 📚</title>
		<link>https://www.kroochut.com/data-sources/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 10:20:55 +0000</pubDate>
				<category><![CDATA[การออกแบบและเทคโนโลยี]]></category>
		<category><![CDATA[CRAAP Test]]></category>
		<category><![CDATA[ความน่าเชื่อถือของข้อมูล]]></category>
		<category><![CDATA[นักเรียน ม.3]]></category>
		<category><![CDATA[บทเรียนออนไลน์]]></category>
		<category><![CDATA[ประเมินข้อมูล]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=850</guid>

					<description><![CDATA[<p>แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล &#124; สำหรับนักเรียน ม.3 ภาษา: Language: TH EN ความคืบหน้า: Progress: 0% 📚 แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล 📚 Information Sources &#038; Information Credibility สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 3 For Grade 9 (Mathayom 3) students ภาพแสดงการไหลเวียนของข้อมูลในโลกดิจิทัล Data flows in the digital world ยินดีต้อนรับสู่บทเรียนออนไลน์เรื่อง “แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล” ทักษะสำคัญในยุคข้อมูลข่าวสารคือการคัดเลือกข้อมูลที่เชื่อถือได้ Welcome to “Information Sources &#038; Information Credibility”. In the information age, the key skill is selecting trustworthy information. 🎯 วัตถุประสงค์การเรียนรู้ 🎯 Learning Objectives ระบุและอธิบายประเภทของแหล่งข้อมูลIdentify and explain types of sources ประเมินความน่าเชื่อถือของข้อมูลด้วยเกณฑ์ที่เหมาะสมEvaluate credibility using appropriate criteria นำไปใช้ในการค้นคว้าและตัดสินใจในชีวิตประจำวันApply to research and everyday decisions คำถามกระตุ้นความคิดSpark Question เคยพบข้อมูลออนไลน์ที่ทำให้สับสนไหม? เล่าประสบการณ์สั้น ๆ Have you ever found confusing online info? Share briefly. ก่อนหน้าPrevious ต่อไปNext 🔍 แหล่งข้อมูลรอบตัวเรา🔍 Sources Around Us รู้จักประเภทและตัวอย่างแหล่งข้อมูลKnow types and examples of sources ชีวิตประจำวันล้อมรอบด้วยข้อมูลหลากหลายจากหลายที่มา Daily life is surrounded by diverse information from many origins. 📁 ประเภทของแหล่งข้อมูล📁 Types of Sources ปฐมภูมิ: สัมภาษณ์ สำรวจ ทดลองPrimary: interviews, surveys, experiments ทุติยภูมิ: หนังสือ บทความ รายงานวิจัยSecondary: books, articles, research reports ตติยภูมิ: สารานุกรม บทสรุปรวบรวมTertiary: encyclopedias, abstracts ทั้งสิ่งพิมพ์และดิจิทัลPrint and digital forms 🌐 แหล่งข้อมูลดิจิทัล🌐 Digital Sources เว็บไซต์/บล็อกWebsites/Blogs สื่อสังคมออนไลน์Social media แอปข่าวNews apps ฐานข้อมูลออนไลน์Online databases วิดีโอ/พอดแคสต์Videos/Podcasts การค้นหาเป็นกิจวัตรSearching is routine คำถามกระตุ้นความคิดSpark Question คุณใช้แหล่งข้อมูลใดบ่อยที่สุด? เพราะอะไรWhich source do you use most? Why? ก่อนหน้าPrevious ต่อไปNext 📋 ขั้นตอนการประเมินความน่าเชื่อถือ📋 Steps to Evaluate Credibility วิเคราะห์และประเมินอย่างเป็นระบบAnalyze and evaluate systematically 🔎 5 ขั้นตอน🔎 5 Steps ตรวจแหล่งที่มา: ใครสร้างข้อมูลSource: who created it วัตถุประสงค์: ทำไมจึงนำเสนอPurpose: why it’s presented วันที่: ใหม่พอหรือไม่Date: is it current เนื้อหา: ถูกต้อง มีอ้างอิงContent: accuracy &#038; citations เทียบหลายแหล่ง: สอดคล้องหรือไม่Cross-check: agreement across sources ต้องอาศัยการคิดอย่างมีวิจารณญาณRequires critical thinking ⚠️ สัญญาณเตือนข้อมูลไม่น่าเชื่อถือ⚠️ Red Flags ไม่ระบุผู้เขียน/แหล่งที่มาNo author/source ภาษาปลุกเร้าอารมณ์มากเกินOverly emotional language ผิดไวยากรณ์/สะกดจำนวนมากMany grammar/spelling errors ไม่มีวันเผยแพร่/ปรับปรุงNo publish/update date ไม่มีการอ้างอิงNo references ระวังข้อมูลเท็จที่แพร่ในออนไลน์Beware of online misinformation ก่อนหน้าPrevious ต่อไปNext 📊 วิธีการประเมิน (CRAAP Test)📊 CRAAP Test เทคนิคและเครื่องมือตรวจสอบTechniques &#038; tools CRAAP Currency — ความทันสมัยHow current it is Relevance — ความเกี่ยวข้องRelevance to your need Authority — ความน่าเชื่อถือผู้เขียนAuthor’s credibility Accuracy — ความถูกต้อง/อ้างอิงAccuracy &#038; citations Purpose — วัตถุประสงค์Intent (inform/advertise/etc.) ใช้เกณฑ์มาตรฐานช่วยตัดสินUse standard criteria 🛠️ เครื่องมือตรวจสอบข้อเท็จจริง🛠️ Fact-checking Tools Google Reverse Image Search Cofact, AFP Fact Check Wayback Machine Whois Lookup มีเครื่องมือออนไลน์มากมายLots of online tools คำถามกระตุ้นความคิดSpark Question เกณฑ์ไหนสำคัญที่สุดสำหรับคุณ? เพราะอะไรWhich criterion matters most to you—and why? ก่อนหน้าPrevious ต่อไปNext 🔄 ข้อมูล vs สารสนเทศ🔄 Data vs Information ความแตกต่างและความสัมพันธ์Differences &#038; relationship 📝 ข้อมูล (Data)📝 Data ข้อเท็จจริงดิบ เช่น ตัวเลข ข้อความ ภาพ ยังไม่ผ่านการประมวลผลRaw facts (numbers, text, images) unprocessed ข้อมูลดิบRaw data 🧠 สารสนเทศ (Information)🧠 Information ข้อมูลที่ผ่านการจัดระเบียบ/ตีความแล้ว จึงมีความหมาย ใช้ตัดสินใจได้Processed/interpreted data that has meaning ข้อมูลที่มีความหมายMeaningful information 📈 กระบวนการ📈 Process รวบรวมCollect จัดระเบียบOrganize ประมวลผล/วิเคราะห์Process/Analyze นำเสนอPresent เปลี่ยนข้อมูลให้เป็นสารสนเทศTurn data into information คำถามกระตุ้นความคิดSpark Question ยกตัวอย่างจากชีวิตประจำวันGive a daily-life example ก่อนหน้าPrevious ต่อไปNext 💻 การจัดการข้อมูลด้วยเทคโนโลยี💻 Managing Data with Tech ตั้งแต่เก็บจนถึงนำเสนอFrom capture to presentation 🛠️ เครื่องมือ🛠️ Tools สเปรดชีต: Excel/Google SheetsSpreadsheets: Excel/Google Sheets บรรณานุกรม: Zotero/MendeleyReferences: Zotero/Mendeley แบบสำรวจ: Google FormsSurveys: Google Forms จัดเก็บ: Google Drive/DropboxStorage: Google Drive/Dropbox การทำกราฟ: Tableau/DatawrapperVisualization: Tableau/Datawrapper เครื่องมือช่วยงานข้อมูลHelpful data tools 🔐 การใช้ข้อมูลอย่างรับผิดชอบ🔐 Responsible Use อ้างอิงเสมอ: เคารพทรัพย์สินทางปัญญาAlways cite: respect intellectual property ปกป้องข้อมูลส่วนบุคคลProtect personal data ตรวจสอบความถูกต้องก่อนแชร์Verify accuracy before sharing สำรองและป้องกันด้วยรหัสผ่านBack up &#038; password-protect ความปลอดภัยของข้อมูลสำคัญData security matters ก่อนหน้าPrevious ต่อไปNext 📝 แบบทดสอบหลังเรียน📝 Post-Lesson Quiz ทำแบบทดสอบ 20 ข้อAnswer 20 questions ชื่อ-นามสกุล Full name ก่อนหน้าPrevious ส่งคำตอบSubmit 🎓 สรุปผลการเรียนรู้🎓 Results คะแนนและคำแนะนำScore &#038; feedback คะแนนของScore for 0/20 📋 คำแนะนำ📋 Recommendation ขอให้สนุกกับการค้นคว้าKeep exploring! ก่อนหน้าPrevious เริ่มใหม่Restart</p>
<p>The post <a href="https://www.kroochut.com/data-sources/">บทเรียนออนไลน์แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล 📚</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title data-i18n="title">แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล | สำหรับนักเรียน ม.3</title>
  <style>
    /* Reset & base */
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Anuphan','Kanit','Sarabun',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f7ff;color:#333;line-height:1.65}
    .container{max-width:1000px;margin:0 auto;padding:20px}

    /* topbar */
    .topbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin:10px 0 6px}
    .lang-btn{border:1px solid #c9d1ff;background:#fff;color:#4a6bdf;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;transition:.2s}
    .lang-btn.active,.lang-btn:hover{background:#4a6bdf;color:#fff}

    /* progress */
    .progress-text{font-weight:700;color:#4a6bdf;margin:8px 0 6px}
    .progress-container{width:100%;background:#e0e0e0;border-radius:20px;overflow:hidden}
    .progress-bar{height:20px;background:linear-gradient(90deg,#4a6bdf,#38b6ff);width:0%;transition:width .5s ease}

    /* page card */
    .lesson-page{display:none;background:#fff;border-radius:16px;padding:28px;box-shadow:0 5px 20px rgba(0,0,0,.08);margin:22px 0}
    .active{display:block;animation:fade .35s}
    @keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

    .page-header{text-align:center;margin-bottom:18px;color:#4a6bdf}
    .page-header h1{font-size:2.0rem;margin-bottom:8px}
    .page-header p{color:#666}

    .content h2{color:#38b6ff;margin:20px 0 12px;border-left:5px solid #38b6ff;padding-left:10px}
    .content p{margin-bottom:14px}
    .content ul{margin:10px 0 16px 22px}
    .content-image{text-align:center;margin:16px 0}
    .content-image img{max-width:100%;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1)}
    .image-caption{font-style:italic;color:#666;margin-top:6px;font-size:.95rem}

    .question-box{background:#f0f7ff;border-left:5px solid #4a6bdf;padding:18px;border-radius:0 12px 12px 0;margin:18px 0}
    .question-box h3{color:#4a6bdf;margin-bottom:10px;display:flex;align-items:center}
    .question-box h3:before{content:"💡";margin-right:8px}

    .navigation{display:flex;justify-content:space-between;margin-top:22px}
    .nav-btn{padding:12px 22px;border:none;border-radius:30px;background:#4a6bdf;color:#fff;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center}
    .nav-btn:hover{background:#38b6ff;transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.08)}
    .nav-btn:disabled{background:#cfcfcf;cursor:not-allowed;transform:none;box-shadow:none}
    .prev-btn:before{content:"←";margin-right:8px}
    .next-btn:after{content:"→";margin-left:8px}

    /* form & quiz */
    .form-group{margin:12px 0 18px}
    .form-group label{display:block;margin-bottom:8px;font-weight:700}
    .form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}
    .quiz-container{margin:10px 0}
    .quiz-question{margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed #e3e3e3}
    .quiz-question:last-child{border-bottom:none}
    .quiz-question p{font-weight:700;margin-bottom:10px}
    .quiz-options label{display:block;padding:10px 12px;background:#f5f7ff;margin-bottom:8px;border-radius:10px;cursor:pointer;transition:.15s}
    .quiz-options label:hover{background:#e6edff}
    .quiz-options input{margin-right:8px}

    /* result */
    .result-container{text-align:center;padding:24px}
    .score-display{font-size:2.6rem;color:#4a6bdf;margin:16px 0;font-weight:900}
    .grade-level{font-size:1.25rem;margin-bottom:16px;padding:12px;border-radius:12px}
    .excellent{background:#e6f7ee;color:#1c8c44}
    .good{background:#fff4e6;color:#d76711}
    .fair{background:#fff5f5;color:#c0392b}
    .recommendation{background:#f0f7ff;padding:16px;border-radius:12px;margin-top:22px;text-align:left}

    /* bilingual helper */
    .th{display:inline}
    .en{display:none}
    html[lang="en"] .th{display:none}
    html[lang="en"] .en{display:inline}

    @media(max-width:768px){
      .lesson-page{padding:20px}
      .page-header h1{font-size:1.6rem}
      .nav-btn{padding:10px 18px}
    }
  </style>
</head>
<body>
  <div class="container">
    <!-- language switch -->
    <div class="topbar">
      <span style="font-weight:700;color:#4a6bdf" class="th">ภาษา:</span>
      <span style="font-weight:700;color:#4a6bdf" class="en">Language:</span>
      <button id="btnTH" class="lang-btn active">TH</button>
      <button id="btnEN" class="lang-btn">EN</button>
    </div>

    <!-- progress -->
    <div class="progress-text">
      <span class="th">ความคืบหน้า:</span>
      <span class="en">Progress:</span>
      <span id="progress-percent">0%</span>
    </div>
    <div class="progress-container"><div class="progress-bar" id="progress-bar"></div></div>

    <!-- Page 1 -->
    <div class="lesson-page active" id="page1">
      <div class="page-header">
        <h1>
          <span class="th">📚 แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล</span>
          <span class="en">📚 Information Sources &#038; Information Credibility</span>
        </h1>
        <p>
          <span class="th">สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 3</span>
          <span class="en">For Grade 9 (Mathayom 3) students</span>
        </p>
      </div>

      <div class="content">
        <div class="content-image">
          <img decoding="async" src="https://mpics.mgronline.com/pics/Images/563000001701501.JPEG" alt="Digital data world">
          <div class="image-caption">
            <span class="th">ภาพแสดงการไหลเวียนของข้อมูลในโลกดิจิทัล</span>
            <span class="en">Data flows in the digital world</span>
          </div>
        </div>

        <p>
          <span class="th">ยินดีต้อนรับสู่บทเรียนออนไลน์เรื่อง <strong>“แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล”</strong> ทักษะสำคัญในยุคข้อมูลข่าวสารคือการคัดเลือกข้อมูลที่เชื่อถือได้</span>
          <span class="en">Welcome to <strong>“Information Sources &#038; Information Credibility”</strong>. In the information age, the key skill is selecting trustworthy information.</span>
        </p>

        <h2>
          <span class="th">🎯 วัตถุประสงค์การเรียนรู้</span>
          <span class="en">🎯 Learning Objectives</span>
        </h2>
        <ul>
          <li><span class="th">ระบุและอธิบายประเภทของแหล่งข้อมูล</span><span class="en">Identify and explain types of sources</span></li>
          <li><span class="th">ประเมินความน่าเชื่อถือของข้อมูลด้วยเกณฑ์ที่เหมาะสม</span><span class="en">Evaluate credibility using appropriate criteria</span></li>
          <li><span class="th">นำไปใช้ในการค้นคว้าและตัดสินใจในชีวิตประจำวัน</span><span class="en">Apply to research and everyday decisions</span></li>
        </ul>

        <div class="question-box">
          <h3><span class="th">คำถามกระตุ้นความคิด</span><span class="en">Spark Question</span></h3>
          <p>
            <span class="th">เคยพบข้อมูลออนไลน์ที่ทำให้สับสนไหม? เล่าประสบการณ์สั้น ๆ</span>
            <span class="en">Have you ever found confusing online info? Share briefly.</span>
          </p>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" disabled>
          <span class="th">ก่อนหน้า</span><span class="en">Previous</span>
        </button>
        <button class="nav-btn next-btn" onclick="navigate(1)">
          <span class="th">ต่อไป</span><span class="en">Next</span>
        </button>
      </div>
    </div>

    <!-- Page 2 -->
    <div class="lesson-page" id="page2">
      <div class="page-header">
        <h1><span class="th">🔍 แหล่งข้อมูลรอบตัวเรา</span><span class="en">🔍 Sources Around Us</span></h1>
        <p><span class="th">รู้จักประเภทและตัวอย่างแหล่งข้อมูล</span><span class="en">Know types and examples of sources</span></p>
      </div>
      <div class="content">
        <p>
          <span class="th">ชีวิตประจำวันล้อมรอบด้วยข้อมูลหลากหลายจากหลายที่มา</span>
          <span class="en">Daily life is surrounded by diverse information from many origins.</span>
        </p>

        <h2><span class="th">📁 ประเภทของแหล่งข้อมูล</span><span class="en">📁 Types of Sources</span></h2>
        <ul>
          <li><span class="th"><strong>ปฐมภูมิ</strong>: สัมภาษณ์ สำรวจ ทดลอง</span><span class="en"><strong>Primary</strong>: interviews, surveys, experiments</span></li>
          <li><span class="th"><strong>ทุติยภูมิ</strong>: หนังสือ บทความ รายงานวิจัย</span><span class="en"><strong>Secondary</strong>: books, articles, research reports</span></li>
          <li><span class="th"><strong>ตติยภูมิ</strong>: สารานุกรม บทสรุปรวบรวม</span><span class="en"><strong>Tertiary</strong>: encyclopedias, abstracts</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://www.makewebeasy.com/th/blog/wp-content/uploads/2017/09/StockSnap_FEDVDRRK0Z.jpg" alt="Types of sources">
          <div class="image-caption"><span class="th">ทั้งสิ่งพิมพ์และดิจิทัล</span><span class="en">Print and digital forms</span></div>
        </div>

        <h2><span class="th">🌐 แหล่งข้อมูลดิจิทัล</span><span class="en">🌐 Digital Sources</span></h2>
        <ul>
          <li><span class="th">เว็บไซต์/บล็อก</span><span class="en">Websites/Blogs</span></li>
          <li><span class="th">สื่อสังคมออนไลน์</span><span class="en">Social media</span></li>
          <li><span class="th">แอปข่าว</span><span class="en">News apps</span></li>
          <li><span class="th">ฐานข้อมูลออนไลน์</span><span class="en">Online databases</span></li>
          <li><span class="th">วิดีโอ/พอดแคสต์</span><span class="en">Videos/Podcasts</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/392018/pexels-photo-392018.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Searching online">
          <div class="image-caption"><span class="th">การค้นหาเป็นกิจวัตร</span><span class="en">Searching is routine</span></div>
        </div>

        <div class="question-box">
          <h3><span class="th">คำถามกระตุ้นความคิด</span><span class="en">Spark Question</span></h3>
          <p><span class="th">คุณใช้แหล่งข้อมูลใดบ่อยที่สุด? เพราะอะไร</span><span class="en">Which source do you use most? Why?</span></p>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="navigate(1)"><span class="th">ต่อไป</span><span class="en">Next</span></button>
      </div>
    </div>

    <!-- Page 3 -->
    <div class="lesson-page" id="page3">
      <div class="page-header">
        <h1><span class="th">📋 ขั้นตอนการประเมินความน่าเชื่อถือ</span><span class="en">📋 Steps to Evaluate Credibility</span></h1>
        <p><span class="th">วิเคราะห์และประเมินอย่างเป็นระบบ</span><span class="en">Analyze and evaluate systematically</span></p>
      </div>
      <div class="content">
        <h2><span class="th">🔎 5 ขั้นตอน</span><span class="en">🔎 5 Steps</span></h2>
        <ul>
          <li><span class="th"><strong>ตรวจแหล่งที่มา</strong>: ใครสร้างข้อมูล</span><span class="en"><strong>Source</strong>: who created it</span></li>
          <li><span class="th"><strong>วัตถุประสงค์</strong>: ทำไมจึงนำเสนอ</span><span class="en"><strong>Purpose</strong>: why it’s presented</span></li>
          <li><span class="th"><strong>วันที่</strong>: ใหม่พอหรือไม่</span><span class="en"><strong>Date</strong>: is it current</span></li>
          <li><span class="th"><strong>เนื้อหา</strong>: ถูกต้อง มีอ้างอิง</span><span class="en"><strong>Content</strong>: accuracy &#038; citations</span></li>
          <li><span class="th"><strong>เทียบหลายแหล่ง</strong>: สอดคล้องหรือไม่</span><span class="en"><strong>Cross-check</strong>: agreement across sources</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/590022/pexels-photo-590022.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Analyze data">
          <div class="image-caption"><span class="th">ต้องอาศัยการคิดอย่างมีวิจารณญาณ</span><span class="en">Requires critical thinking</span></div>
        </div>

        <h2><span class="th">⚠️ สัญญาณเตือนข้อมูลไม่น่าเชื่อถือ</span><span class="en">⚠️ Red Flags</span></h2>
        <ul>
          <li><span class="th">ไม่ระบุผู้เขียน/แหล่งที่มา</span><span class="en">No author/source</span></li>
          <li><span class="th">ภาษาปลุกเร้าอารมณ์มากเกิน</span><span class="en">Overly emotional language</span></li>
          <li><span class="th">ผิดไวยากรณ์/สะกดจำนวนมาก</span><span class="en">Many grammar/spelling errors</span></li>
          <li><span class="th">ไม่มีวันเผยแพร่/ปรับปรุง</span><span class="en">No publish/update date</span></li>
          <li><span class="th">ไม่มีการอ้างอิง</span><span class="en">No references</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://static.thairath.co.th/media/00_A5B2304212C2E700.webp" alt="Misinformation caution">
          <div class="image-caption"><span class="th">ระวังข้อมูลเท็จที่แพร่ในออนไลน์</span><span class="en">Beware of online misinformation</span></div>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="navigate(1)"><span class="th">ต่อไป</span><span class="en">Next</span></button>
      </div>
    </div>

    <!-- Page 4 -->
    <div class="lesson-page" id="page4">
      <div class="page-header">
        <h1><span class="th">📊 วิธีการประเมิน (CRAAP Test)</span><span class="en">📊 CRAAP Test</span></h1>
        <p><span class="th">เทคนิคและเครื่องมือตรวจสอบ</span><span class="en">Techniques &#038; tools</span></p>
      </div>
      <div class="content">
        <h2>CRAAP</h2>
        <ul>
          <li><strong>Currency</strong> — <span class="th">ความทันสมัย</span><span class="en">How current it is</span></li>
          <li><strong>Relevance</strong> — <span class="th">ความเกี่ยวข้อง</span><span class="en">Relevance to your need</span></li>
          <li><strong>Authority</strong> — <span class="th">ความน่าเชื่อถือผู้เขียน</span><span class="en">Author’s credibility</span></li>
          <li><strong>Accuracy</strong> — <span class="th">ความถูกต้อง/อ้างอิง</span><span class="en">Accuracy &#038; citations</span></li>
          <li><strong>Purpose</strong> — <span class="th">วัตถุประสงค์</span><span class="en">Intent (inform/advertise/etc.)</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://img.freepik.com/premium-photo/three-arrows_250014-824.jpg?semt=ais_hybrid&#038;w=740&#038;q=80" alt="Evaluate info">
          <div class="image-caption"><span class="th">ใช้เกณฑ์มาตรฐานช่วยตัดสิน</span><span class="en">Use standard criteria</span></div>
        </div>

        <h2><span class="th">🛠️ เครื่องมือตรวจสอบข้อเท็จจริง</span><span class="en">🛠️ Fact-checking Tools</span></h2>
        <ul>
          <li>Google Reverse Image Search</li>
          <li>Cofact, AFP Fact Check</li>
          <li>Wayback Machine</li>
          <li>Whois Lookup</li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/5473298/pexels-photo-5473298.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Verification tools">
          <div class="image-caption"><span class="th">มีเครื่องมือออนไลน์มากมาย</span><span class="en">Lots of online tools</span></div>
        </div>

        <div class="question-box">
          <h3><span class="th">คำถามกระตุ้นความคิด</span><span class="en">Spark Question</span></h3>
          <p><span class="th">เกณฑ์ไหนสำคัญที่สุดสำหรับคุณ? เพราะอะไร</span><span class="en">Which criterion matters most to you—and why?</span></p>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="navigate(1)"><span class="th">ต่อไป</span><span class="en">Next</span></button>
      </div>
    </div>

    <!-- Page 5 -->
    <div class="lesson-page" id="page5">
      <div class="page-header">
        <h1><span class="th">🔄 ข้อมูล vs สารสนเทศ</span><span class="en">🔄 Data vs Information</span></h1>
        <p><span class="th">ความแตกต่างและความสัมพันธ์</span><span class="en">Differences &#038; relationship</span></p>
      </div>
      <div class="content">
        <h2><span class="th">📝 ข้อมูล (Data)</span><span class="en">📝 Data</span></h2>
        <p><span class="th">ข้อเท็จจริงดิบ เช่น ตัวเลข ข้อความ ภาพ ยังไม่ผ่านการประมวลผล</span><span class="en">Raw facts (numbers, text, images) unprocessed</span></p>

        <div class="content-image">
          <img decoding="async" src="https://mdsiglobal.com/wp-content/uploads/2019/07/seo-3559564_1920.jpg" alt="Raw data">
          <div class="image-caption"><span class="th">ข้อมูลดิบ</span><span class="en">Raw data</span></div>
        </div>

        <h2><span class="th">🧠 สารสนเทศ (Information)</span><span class="en">🧠 Information</span></h2>
        <p><span class="th">ข้อมูลที่ผ่านการจัดระเบียบ/ตีความแล้ว จึงมีความหมาย ใช้ตัดสินใจได้</span><span class="en">Processed/interpreted data that has meaning</span></p>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/590041/pexels-photo-590041.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Information">
          <div class="image-caption"><span class="th">ข้อมูลที่มีความหมาย</span><span class="en">Meaningful information</span></div>
        </div>

        <h2><span class="th">📈 กระบวนการ</span><span class="en">📈 Process</span></h2>
        <ol>
          <li><span class="th">รวบรวม</span><span class="en">Collect</span></li>
          <li><span class="th">จัดระเบียบ</span><span class="en">Organize</span></li>
          <li><span class="th">ประมวลผล/วิเคราะห์</span><span class="en">Process/Analyze</span></li>
          <li><span class="th">นำเสนอ</span><span class="en">Present</span></li>
        </ol>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/7376/startup-photos.jpg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Data to info pipeline">
          <div class="image-caption"><span class="th">เปลี่ยนข้อมูลให้เป็นสารสนเทศ</span><span class="en">Turn data into information</span></div>
        </div>

        <div class="question-box">
          <h3><span class="th">คำถามกระตุ้นความคิด</span><span class="en">Spark Question</span></h3>
          <p><span class="th">ยกตัวอย่างจากชีวิตประจำวัน</span><span class="en">Give a daily-life example</span></p>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="navigate(1)"><span class="th">ต่อไป</span><span class="en">Next</span></button>
      </div>
    </div>

    <!-- Page 6 -->
    <div class="lesson-page" id="page6">
      <div class="page-header">
        <h1><span class="th">💻 การจัดการข้อมูลด้วยเทคโนโลยี</span><span class="en">💻 Managing Data with Tech</span></h1>
        <p><span class="th">ตั้งแต่เก็บจนถึงนำเสนอ</span><span class="en">From capture to presentation</span></p>
      </div>
      <div class="content">
        <h2><span class="th">🛠️ เครื่องมือ</span><span class="en">🛠️ Tools</span></h2>
        <ul>
          <li><span class="th">สเปรดชีต: Excel/Google Sheets</span><span class="en">Spreadsheets: Excel/Google Sheets</span></li>
          <li><span class="th">บรรณานุกรม: Zotero/Mendeley</span><span class="en">References: Zotero/Mendeley</span></li>
          <li><span class="th">แบบสำรวจ: Google Forms</span><span class="en">Surveys: Google Forms</span></li>
          <li><span class="th">จัดเก็บ: Google Drive/Dropbox</span><span class="en">Storage: Google Drive/Dropbox</span></li>
          <li><span class="th">การทำกราฟ: Tableau/Datawrapper</span><span class="en">Visualization: Tableau/Datawrapper</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/577210/pexels-photo-577210.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Tools">
          <div class="image-caption"><span class="th">เครื่องมือช่วยงานข้อมูล</span><span class="en">Helpful data tools</span></div>
        </div>

        <h2><span class="th">🔐 การใช้ข้อมูลอย่างรับผิดชอบ</span><span class="en">🔐 Responsible Use</span></h2>
        <ul>
          <li><span class="th">อ้างอิงเสมอ: เคารพทรัพย์สินทางปัญญา</span><span class="en">Always cite: respect intellectual property</span></li>
          <li><span class="th">ปกป้องข้อมูลส่วนบุคคล</span><span class="en">Protect personal data</span></li>
          <li><span class="th">ตรวจสอบความถูกต้องก่อนแชร์</span><span class="en">Verify accuracy before sharing</span></li>
          <li><span class="th">สำรองและป้องกันด้วยรหัสผ่าน</span><span class="en">Back up &#038; password-protect</span></li>
        </ul>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Security">
          <div class="image-caption"><span class="th">ความปลอดภัยของข้อมูลสำคัญ</span><span class="en">Data security matters</span></div>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="navigate(1)"><span class="th">ต่อไป</span><span class="en">Next</span></button>
      </div>
    </div>

    <!-- Page 7: Quiz -->
    <div class="lesson-page" id="page7">
      <div class="page-header">
        <h1><span class="th">📝 แบบทดสอบหลังเรียน</span><span class="en">📝 Post-Lesson Quiz</span></h1>
        <p><span class="th">ทำแบบทดสอบ 20 ข้อ</span><span class="en">Answer 20 questions</span></p>
      </div>

      <div class="content">
        <div class="form-group">
          <label for="student-name">
            <span class="th">ชื่อ-นามสกุล</span>
            <span class="en">Full name</span>
          </label>
          <input type="text" id="student-name" placeholder=""/>
        </div>
        <div class="quiz-container" id="quiz-container"></div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="submitQuiz()"><span class="th">ส่งคำตอบ</span><span class="en">Submit</span></button>
      </div>
    </div>

    <!-- Page 8: Result -->
    <div class="lesson-page" id="page8">
      <div class="page-header">
        <h1><span class="th">🎓 สรุปผลการเรียนรู้</span><span class="en">🎓 Results</span></h1>
        <p><span class="th">คะแนนและคำแนะนำ</span><span class="en">Score &#038; feedback</span></p>
      </div>

      <div class="content result-container">
        <h2>
          <span class="th">คะแนนของ</span><span class="en">Score for</span>
          <span id="result-name"></span>
        </h2>
        <div class="score-display" id="score-display">0/20</div>
        <div class="grade-level" id="grade-level"></div>

        <div class="recommendation">
          <h3><span class="th">📋 คำแนะนำ</span><span class="en">📋 Recommendation</span></h3>
          <p id="recommendation-text"></p>
        </div>

        <div class="content-image">
          <img decoding="async" src="https://images.pexels.com/photos/267885/pexels-photo-267885.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=1" alt="Keep learning">
          <div class="image-caption"><span class="th">ขอให้สนุกกับการค้นคว้า</span><span class="en">Keep exploring!</span></div>
        </div>
      </div>

      <div class="navigation">
        <button class="nav-btn prev-btn" onclick="navigate(-1)"><span class="th">ก่อนหน้า</span><span class="en">Previous</span></button>
        <button class="nav-btn next-btn" onclick="restartCourse()"><span class="th">เริ่มใหม่</span><span class="en">Restart</span></button>
      </div>
    </div>
  </div>

  <script>
    // ===== State =====
    let currentPage = 1;
    const totalPages = 8;
    const quizAnswers = [];
    let userScore = 0;

    // ===== Quiz (TH & EN) =====
    const quizTH = [
      {q:"แหล่งข้อมูลใดต่อไปนี้จัดเป็นแหล่งข้อมูลปฐมภูมิ?",o:["หนังสือเรียน","บทความวิจัยในวารสาร","การสัมภาษณ์โดยตรง","สารานุกรมออนไลน์"],a:2},
      {q:"เกณฑ์ใดใน CRAAP Test ที่เกี่ยวข้องกับความทันสมัยของข้อมูล?",o:["Currency","Relevance","Authority","Accuracy"],a:0},
      {q:"ข้อมูลใดต่อไปนี้มีความน่าเชื่อถือน้อยที่สุด?",o:["เว็บไซต์ราชการ","วารสารวิชาการ","ข้อความผ่านแชทไม่ระบุแหล่ง","ข่าวทีวีชื่อดัง"],a:2},
      {q:"การประเมินความน่าเชื่อถือของข้อมูลควรพิจารณาจากอะไร?",o:["จำนวนไลก์/แชร์","ความสวยของภาพ","ความน่าเชื่อถือของผู้เขียน/แหล่งที่มา","จำนวนคอมเมนต์"],a:2},
      {q:"เครื่องมือใดเหมาะสำหรับตรวจสอบที่มาของภาพ?",o:["Google Reverse Image Search","Google Translate","Google Docs","Google Maps"],a:0},
      {q:"ข้อมูลแตกต่างจากสารสนเทศอย่างไร?",o:["ข้อมูล=ดิบ สารสนเทศ=ผ่านประมวลผล","ข้อมูลน่าเชื่อถือกว่าสารสนเทศ","สลับกัน","เหมือนกัน"],a:0},
      {q:"การไม่เปิดเผยข้อมูลส่วนบุคคลของผู้อื่นเกี่ยวข้องกับหลักการใด?",o:["ความทันสมัย","ทรัพย์สินทางปัญญา","การปกป้องข้อมูลส่วนบุคคล","การจัดเก็บปลอดภัย"],a:2},
      {q:"เว็บไซต์ใดน่าเชื่อถือที่สุดสำหรับทำรายงาน?",o:["บล็อกไม่ระบุชื่อ","วิกิพีเดีย","เว็บไซต์ราชการ","ฟอรั่ม"],a:2},
      {q:"ปัจจัยใดไม่ควรใช้ประเมินความน่าเชื่อถือ?",o:["วันที่เผยแพร่","ผู้เขียน","จำนวนไลก์","การอ้างอิง"],a:2},
      {q:"ซอฟต์แวร์ใดเหมาะสำหรับการจัดการการอ้างอิง?",o:["Excel","Zotero","Google Forms","Photoshop"],a:1},
      {q:"การแบ็กอัพข้อมูลสำคัญคือหลักการใด?",o:["ทรัพย์สินทางปัญญา","การจัดเก็บปลอดภัย","ปกป้องข้อมูลส่วนบุคคล","ตรวจสอบความถูกต้อง"],a:1},
      {q:"ข้อใดคือสัญญาณเตือนของข้อมูลไม่น่าเชื่อถือ?",o:["มีผู้เขียนชัดเจน","มีวันที่ล่าสุด","ภาษาอารมณ์จัด","มีการอ้างอิง"],a:2},
      {q:"ข้อมูลใดจัดเป็นทุติยภูมิ?",o:["สัมภาษณ์","สำรวจ","บทความรวบรวมหลายงาน","ผลการทดลอง"],a:2},
      {q:"เกณฑ์ใดเกี่ยวกับวัตถุประสงค์?",o:["Currency","Relevance","Authority","Purpose"],a:3},
      {q:"การอ้างอิงแหล่งที่มาเป็นหลักการใด?",o:["ความทันสมัย","ทรัพย์สินทางปัญญา","ข้อมูลส่วนบุคคล","จัดเก็บปลอดภัย"],a:1},
      {q:"เครื่องมือใดเหมาะสร้างแบบสำรวจออนไลน์?",o:["Google Sheets","Google Forms","Google Drive","Google Docs"],a:1},
      {q:"ความแตกต่างข้อมูล/สารสนเทศ ข้อใดถูกต้อง?",o:["ข้อมูลมีมูลค่ามากกว่า","สารสนเทศคือข้อมูลที่ผ่านประมวลผลแล้ว","ข้อมูลคือสารสนเทศที่ประมวลแล้ว","เหมือนกันทุกประการ"],a:1},
      {q:"การตรวจสอบว่าข้อมูลสอดคล้องกับแหล่งอื่นเป็นขั้นตอนใด?",o:["ตรวจแหล่ง","วัตถุประสงค์","วันที่","เปรียบเทียบหลายแหล่ง"],a:3},
      {q:"ซอฟต์แวร์ใดเหมาะสำหรับการวิเคราะห์/ทำกราฟ?",o:["Word","Tableau","Illustrator","Translate"],a:1},
      {q:"ข้อใดไม่ใช่ลักษณะข้อมูลที่น่าเชื่อถือ?",o:["มีผู้เขียนชัดเจน","มีวันเผยแพร่/อัปเดต","ภาษาอารมณ์จัด","มีการอ้างอิง"],a:2}
    ];

    const quizEN = [
      {q:"Which is a primary source?",o:["Textbook","Journal article","Direct interview","Online encyclopedia"],a:2},
      {q:"Which CRAAP criterion relates to timeliness?",o:["Currency","Relevance","Authority","Accuracy"],a:0},
      {q:"Which item is least credible?",o:["Govt website","Scholarly journal","Unattributed chat message","Major TV news"],a:2},
      {q:"What should credibility evaluation consider?",o:["Likes/Shares","Attractive images","Author/source credibility","Number of comments"],a:2},
      {q:"Best tool to check an image’s origin?",o:["Google Reverse Image Search","Google Translate","Google Docs","Google Maps"],a:0},
      {q:"How do data vs information differ?",o:["Data=raw, Info=processed","Data more credible","Reversed","Same meaning"],a:0},
      {q:"Not sharing others’ personal data relates to…",o:["Currency","Intellectual property","Personal data protection","Safe storage"],a:2},
      {q:"Most credible for a report?",o:["Anonymous blog","Wikipedia","Govt website","Forum"],a:2},
      {q:"Which is NOT a credibility factor?",o:["Publish date","Author credibility","Number of likes","References"],a:2},
      {q:"Best for reference management?",o:["Excel","Zotero","Google Forms","Photoshop"],a:1},
      {q:"Backing up important data is…",o:["IP respect","Safe storage","Personal data protection","Verification"],a:1},
      {q:"Red flag for unreliable info?",o:["Clear authorship","Recent date","Overly emotional language","Citations"],a:2},
      {q:"Which is secondary?",o:["Interview","Own survey","Article synthesizing many studies","Scientist’s experiment"],a:2},
      {q:"Which CRAAP item is about intent?",o:["Currency","Relevance","Authority","Purpose"],a:3},
      {q:"Citing sources follows which principle?",o:["Currency","Intellectual property","Personal data","Safe storage"],a:1},
      {q:"Tool for online surveys?",o:["Google Sheets","Google Forms","Google Drive","Google Docs"],a:1},
      {q:"Correct difference between data/information?",o:["Data worth more","Information is processed data","Data is processed info","Exactly the same"],a:1},
      {q:"Checking agreement across sources is…",o:["Source check","Purpose check","Date check","Cross-checking"],a:3},
      {q:"Software for analysis/visualization?",o:["Word","Tableau","Illustrator","Translate"],a:1},
      {q:"NOT a trait of credible info?",o:["Clear authorship","Publish/update date","Over-emotional language","References"],a:2}
    ];

    // ===== Navigation =====
    function navigate(dir){
      document.getElementById(`page${currentPage}`).classList.remove('active');
      currentPage += dir;
      if(currentPage<1) currentPage=1;
      if(currentPage>totalPages) currentPage=totalPages;
      document.getElementById(`page${currentPage}`).classList.add('active');
      updateProgressBar();
      if(currentPage===7){ generateQuiz(); }
      window.scrollTo(0,0);
    }

    function updateProgressBar(){
      const pct = Math.round((currentPage/totalPages)*100);
      document.getElementById('progress-bar').style.width = `${pct}%`
      document.getElementById('progress-percent').textContent = `${pct}%`;
    }

    // ===== Quiz render =====
    function generateQuiz(){
      const isEN = document.documentElement.lang === 'en';
      const data = isEN ? quizEN : quizTH;
      const wrap = document.getElementById('quiz-container');
      wrap.innerHTML = '';
      data.forEach((q,idx)=>{
        const div = document.createElement('div');
        div.className = 'quiz-question';
        const opts = q.o.map((opt,i)=>`
          <label>
            <input type="radio" name="q${idx}" value="${i}"> ${opt}
          </label>
        `).join('');
        div.innerHTML = `<p>${idx+1}. ${q.q}</p><div class="quiz-options">${opts}</div>`;
        wrap.appendChild(div);
      });
    }

    // ===== Submit =====
    function submitQuiz(){
      const isEN = document.documentElement.lang === 'en';
      const data = isEN ? quizEN : quizTH;

      const name = document.getElementById('student-name').value.trim();
      if(!name){
        alert(isEN ? 'Please enter your full name.' : 'กรุณากรอกชื่อ-นามสกุล');
        return;
      }

      quizAnswers.length = 0;
      for(let i=0;i<data.length;i++){
        const sel = document.querySelector(`input[name="q${i}"]:checked`);
        quizAnswers.push(sel ? parseInt(sel.value) : -1);
      }

      if(quizAnswers.includes(-1)){
        const ok = confirm(isEN ? 'Some questions are unanswered. Submit anyway?' : 'ยังตอบไม่ครบทุกข้อ ต้องการส่งหรือไม่?');
        if(!ok) return;
      }

      userScore = 0;
      quizAnswers.forEach((ans,i)=>{ if(ans===data[i].a) userScore++; });

      document.getElementById('result-name').textContent = name;
      document.getElementById('score-display').textContent = `${userScore}/${data.length}`;

      const pct = (userScore/data.length)*100;
      let g='', rec='';
      if(pct>=80){
        g = isEN ? 'Excellent! 🎉' : 'ยอดเยี่ยม! 🎉';
        rec = isEN
          ? 'Great grasp of source types and credibility. Keep applying these skills in research and daily decisions.'
          : 'เข้าใจเรื่องแหล่งข้อมูลและความน่าเชื่อถือได้ดีมาก นำทักษะนี้ไปใช้ในการค้นคว้าและการตัดสินใจประจำวันนะ';
        setGradeClass('excellent');
      }else if(pct>=60){
        g = isEN ? 'Good! 👍' : 'ดีมาก! 👍';
        rec = isEN
          ? 'Good understanding. Review a few topics to strengthen any weak spots.'
          : 'เข้าใจดีแล้ว ลองทบทวนบางหัวข้อเพื่อเสริมจุดที่ยังไม่มั่นใจ';
        setGradeClass('good');
      }else if(pct>=40){
        g = isEN ? 'Fair 👌' : 'พอใช้ 👌';
        rec = isEN
          ? 'Basic understanding present. Revisit the lesson and practice evaluating real examples.'
          : 'มีพื้นฐานแล้ว กลับไปอ่านบทเรียนและฝึกประเมินจากตัวอย่างจริงเพิ่มเติม';
        setGradeClass('fair');
      }else{
        g = isEN ? 'Need Improvement 📚' : 'ควรปรับปรุง 📚';
        rec = isEN
          ? 'Revisit the lesson from the beginning and try the quiz again.'
          : 'ทบทวนบทเรียนตั้งแต่ต้น แล้วลองทำแบบทดสอบใหม่อีกครั้ง';
        setGradeClass('');
      }

      document.getElementById('grade-level').textContent = g;
      document.getElementById('recommendation-text').textContent = rec;

      navigate(1);
    }

    function setGradeClass(cls){
      const el = document.getElementById('grade-level');
      el.className = 'grade-level' + (cls?(' '+cls):'');
    }

    function restartCourse(){
      currentPage = 1;
      document.getElementById('page8').classList.remove('active');
      document.getElementById('page1').classList.add('active');
      updateProgressBar();
      window.scrollTo(0,0);
    }

    // ===== Language switch =====
    const btnTH = document.getElementById('btnTH');
    const btnEN = document.getElementById('btnEN');

    function setLang(lang){
      document.documentElement.lang = lang;
      // Update title for tab
      document.title = (lang==='en')
        ? 'Information Sources & Information Credibility | Grade 9'
        : 'แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล | สำหรับนักเรียน ม.3';

      // Placeholder
      const nameInput = document.getElementById('student-name');
      nameInput.placeholder = (lang==='en') ? 'Please enter your full name' : 'กรุณากรอกชื่อ-นามสกุล';

      // Active button style
      if(lang==='en'){ btnEN.classList.add('active'); btnTH.classList.remove('active'); }
      else { btnTH.classList.add('active'); btnEN.classList.remove('active'); }

      // If we’re on the quiz page, re-render in selected language
      if(currentPage===7) generateQuiz();
    }

    btnTH.addEventListener('click', ()=>setLang('th'));
    btnEN.addEventListener('click', ()=>setLang('en'));

    // init
    window.onload = function(){
      updateProgressBar();
      setLang('th'); // default Thai
    };
  </script>
<div id="gsp_data_html" data-g_version="3.20.1" data-w_id="8ee335ae8ad86099f21d5aed437a1c00" data-s_enc="" data-h_enc="" data-hh_enc="" data-lazy_load="1" data-reload_session="0" data-gt-w="gsp_clgtranslate_wrapper" data-vv_index="15" data-ref="https://www.kroochut.com/tag/%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%99%e0%b9%88%e0%b8%b2%e0%b9%80%e0%b8%8a%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%96%e0%b8%b7%e0%b8%ad%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1/"></div>
</body>
</html>

<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b9%80%e0%b8%97%e0%b8%84%e0%b9%82%e0%b8%99%e0%b9%82%e0%b8%a5%e0%b8%a2%e0%b8%b5" 
	            data-modified="120"
	            data-created="1757326855"
	            data-title="บทเรียนออนไลน์แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล 📚" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/data-sources/">บทเรียนออนไลน์แหล่งข้อมูลและความน่าเชื่อถือของข้อมูล 📚</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
