<?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/"
	xmlns:media="http://search.yahoo.com/mrss/" xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>เรียนต่อสายครู &#8211; QUIZEDUCATE</title>
	<atom:link href="https://quizeducate.com/tag/%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%95%e0%b9%88%e0%b8%ad%e0%b8%aa%e0%b8%b2%e0%b8%a2%e0%b8%84%e0%b8%a3%e0%b8%b9/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Thu, 01 Oct 2026 10:44:54 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://quizeducate.com/wp-content/uploads/2025/03/cropped-23-03-2025_145309-32x32.webp</url>
	<title>เรียนต่อสายครู &#8211; QUIZEDUCATE</title>
	<link>https://quizeducate.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ช้าง ห้องสมุดประชาชนจังหวัดราชบุรี</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-653/</link>
					<comments>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-653/#respond</comments>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 01 Oct 2026 10:44:50 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[ความรู้ทั่วไป]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[กรมป่าไม้]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ช้าง]]></category>
		<category><![CDATA[ประวัติศาสตร์]]></category>
		<category><![CDATA[สัตว์ป่า]]></category>
		<category><![CDATA[เรียนครูสังคม]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7628</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง ช้าง เพื่อรับเกียรติบั [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง ช้าง เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">การอ่านและจับใจความสำคัญของเรื่องราวรอบตัวนับเป็นทักษะพื้นฐานที่มีความสำคัญในการพัฒนาการเรียนรู้ในระดับที่สูงขึ้น โดยเฉพาะเรื่องราวเกี่ยวกับช้างซึ่งเป็นสัตว์คู่บ้านคู่เมืองที่มีความสำคัญทางประวัติศาสตร์และระบบนิเวศ การศึกษารายละเอียดของช้างช่วยเสริมสร้างความเข้าใจในวิชาชีววิทยา วิทยาศาสตร์สิ่งแวดล้อม และต่อยอดไปสู่สายงานด้านการอนุรักษ์ธรรมชาติหรือสัตวแพทย์ได้เป็นอย่างดี</p>



<ul class="wp-block-list">
<li>&#x1f3db;&#xfe0f; ผู้จัด: ห้องสมุดประชาชนจังหวัดราชบุรี</li>



<li>&#x1f418; เรื่อง: ช้าง (จากสารานุกรมไทยสำหรับเยาวชน เล่มที่ 2)</li>



<li>&#x1f4dd; จำนวนข้อ: 15 ข้อ</li>



<li>&#x1f4dc; เกณฑ์รับเกียรติบัตร: ผ่านเกณฑ์ 80% ขึ้นไป</li>
</ul>


<figure class="wp-block-post-featured-image"><img fetchpriority="high" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ช้าง ห้องสมุดประชาชนจังหวัดราชบุรี 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-720x613.webp 720w, https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ช้าง ห้องสมุดประชาชนจังหวัดราชบุรี 1"></figure>


<p class="wp-block-paragraph">พี่แอดมินรวบรวมข้อมูลให้น้องๆ ใช้ทบทวนและทำแบบทดสอบพร้อมเข้าใจเนื้อหาได้อย่างถูกต้อง โดยสรุปประเด็นสำคัญของแต่ละข้อไว้ให้ศึกษาเรียบร้อยแล้ว</p>



<ul class="wp-block-list">
<li>ความแตกต่างระหว่างช้างเอเชียกับช้างแอฟริกา คือ <strong>ช้างแอฟริกามีใบหูใหญ่กว่าช้างเอเชีย</strong> ซึ่งช่วยในการระบายความร้อนในสภาพอากาศที่ร้อนแห้งแล้ง</li>



<li>คำว่า แปก้านกล้วย คือ <strong>ลักษณะของหลังที่สูงตรงกลางเล็กน้อยและลาดไปทางหางอย่างสม่ำเสมอ</strong> ซึ่งเป็นหนึ่งในลักษณะคชลักษณ์ที่ใช้สังเกตรูปทรงหลังของช้าง</li>



<li>เหตุผลที่ช้างเอเชียสามารถนำมาฝึกใช้งานได้ คือ <strong>เพราะช้างเอเชียมีกะโหลกศีรษะใหญ่และมีมันสมองใหญ่ จึงมีความเฉลียวฉลาด</strong> ทำให้เรียนรู้การทำงานและรับฟังคำสั่งได้ดี</li>



<li>การสังเกตช้างจากปลายงวงเพื่อแยกประเภท คือ <strong>ช้างเอเชียมี ๑ จะงอย ส่วนช้างแอฟริกามี ๒ จะงอย</strong> ซึ่งจะงอยนี้ทำหน้าที่คล้ายนิ้วมือในการหยิบจับสิ่งของ</li>



<li>งาของช้างแอฟริกา คือ <strong>ทั้งช้างตัวผู้และตัวเมียสามารถมีงาได้</strong> ซึ่งแตกต่างจากช้างเอเชียที่ส่วนใหญ่เฉพาะตัวผู้เท่านั้นที่มีงายาว</li>



<li>เหตุผลที่ไม่สามารถใช้การมีงาเป็นเกณฑ์แยกเพศของช้างแอฟริกาได้ คือ <strong>เพราะช้างแอฟริกาทั้งตัวผู้และตัวเมียล้วนมีงา</strong> จึงต้องใช้ลักษณะทางกายภาพอื่นในการระบุเพศ</li>



<li>สภาพแวดล้อมที่ช้างเอเชียชอบมากที่สุด คือ <strong>บริเวณที่มีอากาศชุ่มชื้นและร่มเย็น</strong> เช่น ป่าดิบหรือป่าชื้นที่มีแหล่งน้ำเพียงพอ</li>



<li>ผลของการที่ช้างเอเชียและช้างแอฟริกาอยู่คนละสกุล คือ <strong>การนำมาผสมพันธุ์กันให้เกิดลูกหลานทำได้ยากมาก</strong> เนื่องจากความต่างทางพันธุกรรมและโครงสร้างร่างกาย</li>



<li>ความหมายของช้างบ้านตามสารานุกรมไทยฯ คือ <strong>ช้างป่าที่คนจับมาเลี้ยงและฝึกใช้งาน แล้วมีลูกหลานสืบต่อกันมา</strong> ซึ่งได้รับการดูแลโดยมนุษย์</li>



<li>พฤติกรรมของช้างในช่วงตกมัน คือ <strong>ช้างอาจมีนิสัยดุร้ายและทำร้ายช้างด้วยกัน เจ้าของ หรือสิ่งของใกล้ตัว</strong> เนื่องจากระดับฮอร์โมนเพศในร่างกายสูงขึ้นอย่างฉับพลัน</li>



<li>หน้าที่สำคัญของงวงช้าง คือ <strong>ใช้จับ ดึง ยก ลากสิ่งของ และจับอาหารใส่ปาก</strong> ซึ่งเป็นอวัยวะที่มีความยืดหยุ่นและทรงพลังอย่างมาก</li>



<li>เหตุผลที่งวงช้างสามารถแกว่งไปมาและเคลื่อนไหวได้อย่างอิสระ คือ <strong>เพราะภายในงวงไม่มีกระดูกแข็ง</strong> แต่ประกอบด้วยกล้ามเนื้อจำนวนมากที่ทำงานร่วมกัน</li>



<li>การสังเกตช้างที่มีสุขภาพดีจากพฤติกรรม คือ <strong>แกว่งงวง พับหู และเดินหาอาหารอยู่เสมอ</strong> ซึ่งแสดงถึงความตื่นตัวและระบบร่างกายที่ทำงานปกติ</li>



<li>เหตุผลที่ช้างใช้บริเวณโคนเล็บเป็นทางระบายความร้อน คือ <strong>เพราะช้างไม่มีต่อมเหงื่อที่ผิวหนังเหมือนมนุษย์</strong> การระบายความร้อนจึงเกิดขึ้นบริเวณต่อมเหงื่อเฉพาะที่และผ่านใบหู</li>



<li>การประมาณอายุช้างจากขอบหู คือ <strong>ขอบหูด้านบนม้วนกลมประมาณ ๑ นิ้วฟุต อาจแสดงว่าช้างมีอายุประมาณ ๒๕ ปี</strong> ซึ่งขอบหูจะม้วนและร่วงโรยไปตามวัยที่เพิ่มขึ้น</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: สารานุกรมไทยสำหรับเยาวชนฯ เล่มที่ 2, กรมอุทยานแห่งชาติ สัตว์ป่า และพันธุ์พืช, องค์การสวนสัตว์แห่งประเทศไทย ในพระบรมราชูปถัมภ์, สถาบันคชบาลแห่งชาติ ในพระอุปถัมภ์ฯ, ห้องสมุดประชาชนจังหวัดราชบุรี</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSclacwCcelRDNeGR8FsqoO-GHZJTuoRhkJcrS0dZYK6eXhCJA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
					<wfw:commentRss>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-653/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/10/01-10-2026_173757.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอศรีรัตนะ</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-652/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 13:38:57 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7624</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569&nbsp;เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">วันพระราชทานธงชาติไทยเป็นอีกหนึ่งโอกาสสำคัญที่ช่วยเสริมสร้างความรู้และความเข้าใจเกี่ยวกับประวัติศาสตร์ความเป็นมาของชาติไทย ผ่านสัญลักษณ์สำคัญคือธงชาติไทย บทเรียนเกี่ยวกับวิวัฒนาการของธงชาติต่างๆ ช่วยสะท้อนถึงบริบททางประวัติศาสตร์ การเมือง และวัฒนธรรมในแต่ละยุคสมัยได้อย่างชัดเจน การศึกษาข้อมูลเหล่านี้จึงเป็นประโยชน์ต่อการเรียนรู้วิชาประวัติศาสตร์ สังคมศึกษา และยังช่วยเตรียมความพร้อมสำหรับการทดสอบความรู้ในกิจกรรมส่งเสริมการอ่านได้เป็นอย่างดี</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ห้องสมุดประชาชนอำเภอศรีรัตนะ ศูนย์ส่งเสริมการเรียนรู้อำเภอศรีรัตนะ</li>



<li>&#x1f4da; เรื่อง: กิจกรรมส่งเสริมการอ่านเนื่องในวันพระราชทานธงชาติไทย (Thai National Flag Day) 2569</li>



<li>&#x1f4dd; จำนวนข้อ: 10</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: ร้อยละ 80 ขึ้นไป</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: เกียรติบัตรทางอีเมลอัตโนมัติ</li>
</ul>


<figure class="wp-block-post-featured-image"><img decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอศรีรัตนะ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-720x613.webp 720w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอศรีรัตนะ 2"></figure>


<p class="wp-block-paragraph">พี่แอดมินได้รวบรวมข้อมูลและเนื้อหาสำคัญจากแบบทดสอบเรื่องวันพระราชทานธงชาติไทย เพื่อให้น้องๆ ใช้ทบทวนและทำความเข้าใจเนื้อหาได้ง่ายยิ่งขึ้น การทำความเข้าใจแบบทดสอบชุดนี้จะช่วยให้น้องๆ ได้เรียนรู้วิวัฒนาการของธงชาติไทยตั้งแต่ยุคกรุงศรีอยุธยาจนถึงปัจจุบัน พร้อมทั้งเข้าใจความหมายขององค์ประกอบและสีต่างๆ ที่ปรากฏบนธงชาติไทยในแต่ละช่วงเวลาอย่างถูกต้องตามหลักฐานทางประวัติศาสตร์</p>



<ul class="wp-block-list">
<li>ธงชาติไทยแบบแรกสุดคือ <strong>ธงพื้นสีแดงล้วนไม่มีลวดลาย</strong> ซึ่งเริ่มใช้มาตั้งแต่สมัยกรุงศรีอยุธยาเป็นธงเรือสินค้าและเรือหลวง</li>



<li>รูปช้างเผือกเริ่มปรากฏครั้งแรกบนธงชาติไทยคือ <strong>พุทธศักราช 2352 &#8211; 2398</strong> โดยนำรูปช้างเผือกวางไว้ภายในวงจักรสีขาวในรัชสมัยพระบาทสมเด็จพระพุทธเลิศหล้านภาลัย</li>



<li>วันพระราชทานธงชาติไทยคือ <strong>28 กันยายน</strong> ของทุกปี เพื่อรำลึกถึงวันที่พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัวทรงพระกรุณาโปรดเกล้าฯ ประกาศใช้ธงไตรรงค์เป็นธงชาติไทย</li>



<li>การเปลี่ยนแปลงจากธงรูปช้างมาเป็นธงแถบสีแดงและขาว 5 แถบคือ <strong>พุทธศักราช 2459</strong> เกิดขึ้นในรัชสมัยพระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว</li>



<li>ธงไตรรงค์ซึ่งเป็นธงชาติไทยในปัจจุบันคือ <strong>พุทธศักราช 2460 จนถึงปัจจุบัน</strong> โดยมีการประกาศใช้ธงไตรรงค์อย่างเป็นทางการเมื่อวันที่ 28 กันยายน พ.ศ. 2460</li>



<li>ในช่วงปี พ.ศ. 2325 &#8211; 2352 ธงชาติไทยคือ <strong>มีรูปวงจักรสีขาวอยู่กลางธงพื้นแดง</strong> ซึ่งพระบาทสมเด็จพระพุทธยอดฟ้าจุฬาโลกมหาราชทรงโปรดเกล้าฯ ให้เพิ่มรูปวงจักรสีขาวไว้กลางธงสีแดงสำหรับเรือหลวง</li>



<li>ลำดับการเปลี่ยนแปลงของธงชาติไทยคือ <strong>วงจักรสีขาว -> ช้างเผือกในวงจักร -> ช้างเผือก -> ช้างเผือกทรงเครื่อง</strong> ตามวิวัฒนาการทางประวัติศาสตร์ก่อนจะเปลี่ยนมาเป็นธงริ้วแดงขาวและธงไตรรงค์</li>



<li>สีน้ำเงินในธงไตรรงค์มีความหมายถึง <strong>พระมหากษัตริย์</strong> และเป็นสีประจำวันพระราชสมภพของพระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว (วันเสาร์)</li>



<li>สัญลักษณ์วงจักรถูกนำออกจากธงชาติไทยเพื่อให้เหลือเพียงรูปช้างเผือกคือ <strong>พุทธศักราช 2398</strong> ในรัชสมัยพระบาทสมเด็จพระจอมเกล้าเจ้าอยู่หัว</li>



<li>พระบาทสมเด็จพระพุทธยอดฟ้าจุฬาโลกมหาราช (รัชกาลที่ 1) ทรงให้เพิ่มสัญลักษณ์คือ <strong>รูปจักรสีขาว</strong> ลงบนธงพื้นสีแดงเพื่อใช้สำหรับเรือหลวง</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: พิพิธภัณฑ์ธงชาติไทย, สำนักงานปลัดนายกรัฐมนตรี, กรมศิลปากร, กระทรวงวัฒนธรรม, สถาบันพระปกเกล้า</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSeLJSCjaJ7GJuLIxVxK9I_nSAJXFuEQO5f5gR5jMiyGafhx1A/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_203523.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ดอกไม้จันทน์ ชบาทิพย์ สกร.ระดับอำเภอสันทราย</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-651/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 13:30:47 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ดอกไม้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[เรียนครูสังคม]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7621</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง ดอกไม้จันทน์ ชบาทิพย์  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง ดอกไม้จันทน์ ชบาทิพย์ เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">การศึกษาประวัติศาสตร์ ศิลปวัฒนธรรม และภูมิปัญญาท้องถิ่นผ่านงานหัตถศิลป์ไทย ถือเป็นรากฐานสำคัญในการเสริมสร้างความรู้ความเข้าใจด้านสังคมศึกษา ศาสนา และวัฒนธรรม ซึ่งช่วยเปิดมุมมองความรู้ให้นำไปต่อยอดใช้ประโยชน์ในการเรียน การสอบวัดระดับ หรือพัฒนาทักษะเฉพาะด้านที่สามารถนำไปประยุกต์ใช้ในสายงานวัฒนธรรม การศึกษา งานบริการสังคม และการทำงานร่วมกับชุมชนได้อย่างมีประสิทธิภาพ</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด:  สกร.ระดับอำเภอสันทราย</li>



<li>&#x1f4da; เรื่อง: ดอกไม้จันทน์ ชบาทิพย์</li>



<li>&#x1f4dd; จำนวนข้อ: 20 ข้อ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: ทำแบบทดสอบผ่านเกณฑ์ร้อยละ 80 ขึ้นไป</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: ใบประกาศเกียรติบัตรทางอีเมลอัตโนมัติ</li>
</ul>


<figure class="wp-block-post-featured-image"><img decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ดอกไม้จันทน์ ชบาทิพย์ สกร.ระดับอำเภอสันทราย 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-720x613.webp 720w, https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638-859x732.webp 859w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง ดอกไม้จันทน์ ชบาทิพย์ สกร.ระดับอำเภอสันทราย 3"></figure>


<p class="wp-block-paragraph">พี่แอดมินได้รวบรวมข้อมูลและวิเคราะห์เนื้อหาแบบทดสอบชุดนี้ขึ้นมา เพื่อให้น้องๆ ใช้เป็นแนวทางในการทบทวนความรู้ ทำความเข้าใจหลักการสำคัญ และเตรียมความพร้อมในการทำแบบทดสอบให้ผ่านเกณฑ์ตามวัตถุประสงค์ของผู้จัดทำ</p>



<ul class="wp-block-list">
<li>ความสำคัญของดอกไม้จันทน์ในพิธีถวายพระเพลิงพระบรมศพ คือ <strong>เป็นสัญลักษณ์แห่งการแสดงความอาลัยและความเคารพ</strong> อันเป็นธรรมเนียมปฏิบัติที่แสดงถึงความจงรักภักดีและความเคารพอย่างสูงส่งต่อผู้ล่วงลับ</li>



<li>ประโยชน์สำคัญของการเรียนรู้การประดิษฐ์ดอกไม้จันทน์ คือ <strong>ช่วยสืบสานงานฝีมือและสร้างการมีส่วนร่วมของชุมชน</strong> ซึ่งเป็นการอนุรักษ์ภูมิปัญญาท้องถิ่นและสร้างความสามัคคีในกลุ่มประชาชน</li>



<li>อุปกรณ์ที่เหมาะสมสำหรับงานประดิษฐ์ดอกไม้จันทน์ คือ <strong>กรรไกรและอุปกรณ์สำหรับตัดหรือขึ้นรูป</strong> ซึ่งเป็นเครื่องมือพื้นฐานที่จำเป็นในการจัดทำและตกแต่งกลีบดอกไม้</li>



<li>ดอกไม้จันทน์สำหรับประชาชนของจังหวัดเชียงใหม่ในพิธีถวายพระเพลิงพระบรมศพ คือ <strong>ดอกชบาทิพย์</strong> ซึ่งได้รับเลือกให้เป็นเอกลักษณ์และสัญลักษณ์ประจำท้องถิ่นในการเข้าร่วมพิธี</li>



<li>สิ่งที่ควรให้ความสำคัญเป็นพิเศษในการประดิษฐ์ดอกไม้จันทน์ คือ <strong>ความประณีตและความเรียบร้อย</strong> เพื่อให้ชิ้นงานมีความสวยงาม สมเกียรติ และถูกต้องตามลักษณะประเพณี</li>



<li>จำนวนรูปแบบหลักของดอกไม้จันทน์พระราชทาน คือ <strong>7 แบบ</strong> ซึ่งได้รับการออกแบบอย่างลงตัวเพื่อใช้ในพระราชพิธีสำคัญ</li>



<li>รูปแบบที่ไม่ใช่ดอกไม้จันทน์พระราชทาน คือ <strong>ดอกลิลลี่</strong> เนื่องจากไม่ได้อยู่ในรายการดอกไม้จันทน์พระราชทาน 7 แบบหลักที่ทรงพระกรุณาโปรดเกล้าฯ ให้จัดทำ</li>



<li>ขั้นตอนที่ควรทำก่อนการประกอบชิ้นส่วนดอกไม้ คือ <strong>เตรียมและตัดขึ้นรูปวัสดุ</strong> เพื่อให้ได้ชิ้นส่วนที่พร้อมสำหรับการนำมารวบรวมและเข้าดอกในลำดับถัดไป</li>



<li>แนวทางที่เหมาะสมในการจัดกิจกรรมเรียนรู้การประดิษฐ์ดอกไม้จันทน์ในห้องสมุด คือ <strong>จัดสาธิตและเปิดโอกาสให้ผู้เรียนลงมือปฏิบัติ</strong> เพื่อสร้างความเข้าใจที่ถูกต้องผ่านประสบการณ์ตรง</li>



<li>สิ่งที่ควรทำเป็นอันดับแรกเมื่อพบว่ากลีบดอกที่ประดิษฐ์มีขนาดไม่เท่ากัน คือ <strong>ตรวจสอบแบบและวิธีการตัดขึ้นรูป</strong> เพื่อค้นหาต้นเหตุของการคลาดเคลื่อนและปรับแก้ให้ได้มาตรฐานเดียวกัน</li>



<li>ภารกิจของกรมการพัฒนาชุมชนเกี่ยวกับดอกไม้จันทน์สำหรับประชาชน คือ <strong>จัดทำดอกไม้จันทน์ 7 แบบ และส่งเสริมให้ประชาชนมีส่วนร่วมประดิษฐ์</strong> เพื่อเปิดโอกาสให้ประชาชนได้ร่วมแสดงความอาลัย</li>



<li>แนวทางปฏิบัติเพื่อให้กลีบดอกมีรูปร่างใกล้เคียงกัน คือ <strong>ใช้แบบหรือขนาดเดียวกันในการขึ้นรูป</strong> ซึ่งจะช่วยควบคุมมาตรฐานและขนาดของชิ้นงานให้สม่ำเสมอ</li>



<li>ผลกระทบจากการใช้กาวมากเกินไปต่อชิ้นงาน คือ <strong>ทำให้เกิดคราบและทำให้ชิ้นงานไม่เรียบร้อย</strong> ส่งผลให้ความสวยงามและคุณลักษณะอันประณีตของชิ้นงานลดลง</li>



<li>ที่มาของชื่อเรียกดอกไม้จันทน์ คือ <strong>เพราะมีความเกี่ยวข้องกับการใช้ไม้จันทน์ในงานพิธี</strong> ซึ่งในอดีตใช้ไม้จันทน์หอมซึ่งเป็นไม้มงคลและมีกลิ่นหอมประกอบพระราชพิธี</li>



<li>ประโยชน์ของการประดิษฐ์ดอกไม้จันทน์จากวัสดุในท้องถิ่น คือ <strong>ช่วยลดการใช้ทรัพยากรและส่งเสริมการใช้วัสดุอย่างคุ้มค่า</strong> อีกทั้งยังเป็นการประยุกต์ใช้สิ่งของใกล้ตัวให้เกิดประโยชน์สูงสุด</li>



<li>วิธีตรวจสอบคุณภาพของดอกชบาทิพย์หลังประดิษฐ์เสร็จ คือ <strong>ตรวจดูความเรียบร้อย ความแข็งแรง และรูปทรง</strong> เพื่อให้มั่นใจว่าชิ้นงานได้มาตรฐานและสมบูรณ์แบบ</li>



<li>สื่อที่เหมาะสมสำหรับการเรียนรู้วิธีประดิษฐ์ดอกชบาทิพย์อย่างเป็นขั้นตอน คือ <strong>วิดีโอสาธิตการประดิษฐ์ดอกชบาทิพย์</strong> ซึ่งช่วยให้ผู้เรียนเห็นภาพการลงมือทำจริงทุกขั้นตอนได้ชัดเจนที่สุด</li>



<li>รายชื่อดอกไม้จันทน์พระราชทานที่ครบถ้วนและถูกต้อง คือ <strong>ดอกดารารัตน์ ดอกกุหลาบ ดอกบัว ดอกลิลลี่ ดอกกล้วยไม้ ดอกชบาทิพย์ และดอกชบาหนู</strong> ซึ่งเป็นสัญลักษณ์สื่อความหมายอันทรงคุณค่าทั้ง 7 รูปแบบ</li>



<li>ข้อความที่กล่าวถึงดอกชบาทิพย์ได้ถูกต้องที่สุด คือ <strong>เป็นหนึ่งในรูปแบบดอกไม้จันทน์พระราชทานสำหรับประชาชน</strong> ที่ได้รับการประดิษฐ์ขึ้นตามแบบอย่างทรงคุณค่า</li>



<li>การปฏิบัติที่เหมาะสมเมื่อเข้าร่วมกิจกรรมประดิษฐ์ดอกไม้จันทน์ คือ <strong>ทำอย่างตั้งใจ ใช้วัสดุอย่างประหยัด และรักษาความเรียบร้อย</strong> เพื่อให้ผลงานออกมาประณีตและเกิดประโยชน์สูงสุด</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: สำนักพัฒนาชุมชน กรมการพัฒนาชุมชน, สำนักงานส่งเสริมการเรียนรู้ประจำจังหวัดเชียงใหม่, กรมศิลปากร กระทรวงวัฒนธรรม, สำนักงานวัฒนธรรมจังหวัดเชียงใหม่, หอสมุดแห่งชาติ กรมศิลปากร</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="http://docs.google.com/forms/d/e/1FAIpQLSc2oZgySyT2SWS9PW7EGBHMbLkVtNGCh3BRF2-lbEnk_hyn7Q/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/30-09-2026_202638.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้ระดับอำเภอธัญบุรี</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-650/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Tue, 29 Sep 2026 15:12:12 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7618</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569&nbsp;เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">ความรู้เกี่ยวกับธงชาติไทยนับเป็นพื้นฐานสำคัญทางประวัติศาสตร์และสังคมศึกษาที่ช่วยเสริมสร้างความเข้าใจเกี่ยวกับพัฒนาการทางวัฒนธรรมและความเป็นมาของชาติ การเรียนรู้รายละเอียดเกี่ยวกับสัญลักษณ์ประจำชาติยังช่วยส่งเสริมความตระหนักรู้ในคุณค่าทางประวัติศาสตร์ ซึ่งมีประโยชน์ทั้งต่อการศึกษาวิชาสังคมศึกษาและการต่อยอดในสายงานด้านการศึกษา การสื่อสารมวลชน หรือวัฒนธรรม โดยพี่แอดมินได้รวบรวมข้อมูลจากแบบทดสอบนี้เพื่อให้น้องๆ ใช้ทบทวนและทำแบบทดสอบได้ง่ายขึ้น พร้อมเข้าใจเนื้อหาตามจุดประสงค์ของผู้สร้างแบบทดสอบ</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ศูนย์ส่งเสริมการเรียนรู้ระดับอำเภอธัญบุรี</li>



<li>&#x1f4da; เรื่อง: แบบทดสอบออนไลน์วันพระราชทานธงชาติไทย ประจำปี 2569</li>



<li>&#x1f4dd; จำนวนข้อ: 10 ข้อ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: ทำแบบทดสอบผ่าน 70%</li>



<li>&#x1f3c6; สิ่งที่จะได้รับ: เกียรติบัตรออนไลน์</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้ระดับอำเภอธัญบุรี 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้ระดับอำเภอธัญบุรี 4"></figure>


<p class="wp-block-paragraph">การทบทวนความรู้เกี่ยวกับธงชาติไทยเริ่มตั้งแต่ชื่อเรียกอย่างเป็นทางการ วิวัฒนาการจากผืนผ้าสีเรียบในอดีตมาจนถึงรูปแบบแถบสีในปัจจุบัน รวมถึงความหมายของแต่ละสีที่มีความเชื่อมโยงกับสถาบันหลักของชาติ ซึ่งเป็นข้อมูลพื้นฐานที่มักพบในบทเรียนและแบบทดสอบทางประวัติศาสตร์ไทย</p>



<ul class="wp-block-list">
<li>ธงชาติไทยในปัจจุบันชื่อ <strong>ธงไตรรงค์</strong> โดยเป็นชื่อที่ได้รับพระราชทานในสมัยรัชกาลที่ 6</li>



<li>ธงชาติไทยผืนแรกถือกำเนิดขึ้นในสมัย <strong>กรุงศรีอยุธยา</strong> ในรัชสมัยสมเด็จพระนารายณ์มหาราช</li>



<li>ธงชาติไทยผืนแรกมีลักษณะเป็นผ้า <strong>สีแดง</strong> เกลี้ยง</li>



<li>ในสมัยกรุงธนบุรีและกรุงรัตนโกสินทร์มีการเปลี่ยนแปลงธงชาติโดยเพิ่ม <strong>รูปจักรสีขาว</strong> ไว้กลางธงแดง</li>



<li>ผู้ที่เปลี่ยนให้ใช้ธงพื้นแดง ตรงกลางเป็นรูปช้างเผือกทรงเครื่องยืนแท่น หันหลังเข้าเสา คือ <strong>พระบาทสมเด็จพระพุทธเลิศหล้านภาลัย</strong></li>



<li>ธงชาติไทยในปัจจุบันเป็นธงสี่เหลี่ยมผืนผ้าแบ่งออกเป็น <strong>5 แถบ</strong> ประกอบด้วยสีแดง สีขาว และสีน้ำเงิน</li>



<li>ธงชาติไทยแถบสีแดงหมายถึง <strong>ชาติ</strong></li>



<li>ธงชาติไทยแถบสีขาวหมายถึง <strong>ศาสนา</strong></li>



<li>ธงชาติไทยแถบสีน้ำเงินหมายถึง <strong>พระมหากษัตริย์</strong></li>



<li>วันพระราชทานธงชาติไทยตรงกับวันที่ <strong>28 กันยายน</strong> ของทุกปี</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: พระราชบัญญัติธง พ.ศ. 2522, พิพิธภัณฑ์ธงชาติไทย, สำนักงานปลัดสำนักนายกรัฐมนตรี, กรมส่งเสริมวัฒนธรรม, สถาบันประวัติศาสตร์ไทย</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSflx4qOFqhWx-jluDpn1s1MUfikZAlCg7Qdd_WRUS6-PZCVFQ/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/29-09-2026_220704.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้อำเภอแก่งกระจาน</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-649/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Mon, 28 Sep 2026 16:56:39 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7615</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569&nbsp;เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">การทดสอบความรู้เรื่องวันพระราชทานธงชาติไทยนับเป็นโอกาสที่ดีสำหรับน้องๆ ในการเรียนรู้ประวัติศาสตร์ ความสำคัญ และความหมายของสัญลักษณ์สูงสุดของชาติ เนื้อหาเรื่องธงชาติไทยเกี่ยวข้องโดยตรงกับวิชาสังคมศึกษา ประวัติศาสตร์ และหน้าที่พลเมือง ซึ่งช่วยส่งเสริมความตระหนักรู้เกี่ยวกับสถาบันหลักของชาติ และสามารถนำความรู้ไปใช้ประโยชน์ในการศึกษาต่อรวมถึงสายงานด้านการศึกษาวิชาการและรับราชการได้เป็นอย่างดี</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ศูนย์ส่งเสริมการเรียนรู้อำเภอแก่งกระจาน</li>



<li>&#x1f4da; เรื่อง: วันพระราชทานธงชาติไทย</li>



<li>&#x1f4dd; จำนวนข้อ: 10 ข้อ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: ร้อยละ 80 ขึ้นไป (8 คะแนน)</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: เกียรติบัตรอิเล็กทรอนิกส์ทางอีเมล</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้อำเภอแก่งกระจาน 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ศูนย์ส่งเสริมการเรียนรู้อำเภอแก่งกระจาน 5"></figure>


<p class="wp-block-paragraph">พี่แอดมินได้รวบรวมและวิเคราะห์ข้อมูลจากแบบทดสอบชุดนี้มาให้น้องๆ ได้ทบทวนความรู้และเข้าใจหลักการสำคัญ เพื่อให้สามารถทำแบบทดสอบได้อย่างมั่นใจพร้อมรับเกียรติบัตรออนไลน์มาเก็บสะสมในแฟ้มสะสมงาน</p>



<ul class="wp-block-list">
<li>วันพระราชทานธงชาติไทย คือ <strong>วันที่ 28 กันยายน</strong> ของทุกปี ซึ่งเป็นวันที่ประเทศไทยกำหนดให้ร่วมรำลึกถึงความสำคัญของธงชาติไทย</li>



<li>ชื่อเรียกอีกอย่างหนึ่งของธงชาติไทย คือ <strong>ธงไตรรงค์</strong> มีความหมายถึงธงสามสีอันเป็นสัญลักษณ์ของประเทศ</li>



<li>สีที่ประกอบอยู่ในธงไตรรงค์ คือ <strong>สีแดง สีขาว และสีน้ำเงิน</strong> โดยเรียงลำดับแถบสีอย่างเป็นระเบียบจากแถบด้านนอกเข้าสู่แถบใหญ่ตรงกลาง</li>



<li>สีแดงบนธงชาติไทย คือ <strong>ชาติ</strong> สื่อถึงความเป็นอันหนึ่งอันเดียวและความสมานฉันท์ของคนในชาติ</li>



<li>สีขาวบนธงชาติไทย คือ <strong>ศาสนา</strong> สื่อถึงความบริสุทธิ์ของศาสนาซึ่งเป็นหลักยึดเหนี่ยวจิตใจของคนในชาติ</li>



<li>สีน้ำเงินบนธงชาติไทย คือ <strong>พระมหากษัตริย์</strong> สื่อถึงสถาบันพระมหากษัตริย์ผู้ทรงเป็นศูนย์รวมจิตใจของปวงชนชาวไทย</li>



<li>พระมหากษัตริย์ที่ทรงพระราชทานธงไตรรงค์เป็นธงชาติไทย คือ <strong>พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว</strong> (รัชกาลที่ 6) ทรงตราพระราชบัญญัติธง พ.ศ. 2460 เพื่อประกาศใช้ธงไตรรงค์</li>



<li>วันพระราชทานธงชาติไทยมีขึ้นเพื่อระลึกถึง <strong>วันที่พระราชทานธงไตรรงค์เป็นธงชาติไทย</strong> ซึ่งตรงกับวันที่ 28 กันยายน พ.ศ. 2460</li>



<li>การปฏิบัติตนเมื่อเห็นธงชาติไทย คือ <strong>แสดงความเคารพและภาคภูมิใจในความเป็นไทย</strong> เพื่อสะท้อนถึงการเคารพสัญลักษณ์สูงสุดของชาติ</li>



<li>การแสดงความรักและภาคภูมิใจในธงชาติไทยของนักเรียน คือ <strong>รักษาความสะอาดและแสดงความเคารพต่อธงชาติ</strong> ไม่นำไปใช้เล่นหรือทำให้เกิดความเสียหาย</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: สำนักนายกรัฐมนตรี, กรมส่งเสริมวัฒนธรรม, ศูนย์ส่งเสริมการเรียนรู้อำเภอแก่งกระจาน, พระราชบัญญัติธง พ.ศ. 2522, หอพระไตรปิฎกและจดหมายเหตุทางประวัติศาสตร์</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSehly1dIBcUuuSAghj6f1UNP3P4Ph3ty6oRERBWMfHorMkmtA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/28-09-2026_235331.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอหัวหิน</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-648/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sat, 26 Sep 2026 16:08:03 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7612</guid>

					<description><![CDATA[ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">การศึกษาสัญลักษณ์ประจำชาติไทยนับเป็นส่วนสำคัญของวิชาสังคมศึกษา ประวัติศาสตร์ และหน้าที่พลเมือง ซึ่งช่วยเสริมสร้างความเข้าใจเกี่ยวกับพัฒนาการทางประวัติศาสตร์และบริบททางการเมืองของประเทศ นอกจากนี้ยังเป็นพื้นฐานความรู้ที่มีประโยชน์สำหรับการเรียนต่อในสายสังคมศาสตร์ รัฐศาสตร์ หรือการเตรียมตัวสอบบรรจุรับราชการและงานภาคประชาสังคมที่ต้องอาศัยความรู้รอบตัวเกี่ยวกับองค์กรและระเบียบปฏิบัติของรัฐ</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ห้องสมุดประชาชนอำเภอหัวหิน</li>



<li>&#x1f4da; เรื่อง:  วันพระราชทานธงชาติไทย (Thai National Flag Day)</li>



<li>&#x1f4dd; จำนวนข้อ: 20 ข้อ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: ทำแบบทดสอบผ่านเกณฑ์ 60% (12 ข้อขึ้นไป)</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: วุฒิบัตรผ่านระบบอิเล็กทรอนิกส์</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอหัวหิน 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำแบบทดสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ประจำปี 2569 ห้องสมุดประชาชนอำเภอหัวหิน 6"></figure>


<p class="wp-block-paragraph">พี่แอดมินได้รวบรวมและวิเคราะห์ข้อมูลแบบทดสอบชุดนี้ เพื่อให้น้องๆ ใช้ทบทวนเนื้อหาและทำแบบทดสอบได้อย่างถูกต้อง พร้อมทั้งเข้าใจหลักการและที่มาของข้อเท็จจริงต่างๆ ตามวัตถุประสงค์ของผู้สร้างแบบทดสอบ แบบทดสอบความรู้เรื่องวันพระราชทานธงชาติไทยจัดทำขึ้นเพื่อให้ประชาชนและผู้เรียนได้ตระหนักถึงความสำคัญของธงชาติไทย ซึ่งเป็นสัญลักษณ์สูงสุดที่แสดงถึงความเป็นชาติ เอกราช และความสามัคคี การทำความเข้าใจประวัติความเป็นมาและระเบียบการปฏิบัติตนต่อธงชาติ จะช่วยให้น้องๆ สามารถนำความรู้ไปใช้ในชีวิตประจำวันได้อย่างเหมาะสมและถูกต้องตามหลักการ</p>



<ul class="wp-block-list">
<li>วันพระราชทานธงชาติไทยตรงกับวันที่ <strong>28 กันยายน</strong> ของทุกปี โดยเริ่มต้นนับตั้งแต่มีการประกาศขึ้นครั้งแรกใน พ.ศ. 2560 เพื่อระลึกถึงวันที่พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัวทรงพระกรุณาโปรดเกล้าฯ ให้ใช้ธงไตรรงค์เป็นธงชาติไทย</li>



<li>วันพระราชทานธงชาติไทยมีชื่อภาษาอังกฤษอย่างเป็นทางการคือ <strong>Thai National Flag Day</strong> ซึ่งใช้สื่อสารในบริบทสากลและเอกสารประชาสัมพันธ์ทางการ</li>



<li>ธงชาติไทยที่ใช้ในปัจจุบันเรียกว่า <strong>ธงไตรรงค์</strong> หมายถึงธงสามสี ได้แก่ แดง ขาว และน้ำเงิน</li>



<li>ธงไตรรงค์ประกอบด้วยสี <strong>แดง ขาว น้ำเงิน</strong> โดยสีแดงหมายถึงชาติ สีขาวหมายถึงศาสนา และสีน้ำเงินหมายถึงพระมหากษัตริย์</li>



<li>ธงไตรรงค์มีแถบสีทั้งหมด <strong>5 แถบ</strong> เรียงลำดับจากบนลงล่างคือ แดง ขาว น้ำเงิน ขาว แดง</li>



<li>แถบสีที่อยู่ตรงกลางของธงไตรรงค์คือ <strong>สีน้ำเงิน</strong> ซึ่งมีความกว้างเป็นสองเท่าของแถบสีแดงและสีขาว</li>



<li>ธงไตรรงค์ได้รับพระราชทานเป็นธงชาติในรัชสมัย <strong>พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว</strong> (รัชกาลที่ 6) เมื่อวันที่ 28 กันยายน พ.ศ. 2460</li>



<li>ก่อนเปลี่ยนมาใช้ธงไตรรงค์ ธงชาติสยามในยุคก่อนหน้ามีลักษณะเป็น <strong>ธงพื้นแดงมีรูปช้างเผือก</strong> อยู่ตรงกลาง</li>



<li>เหตุผลสำคัญประการหนึ่งในการเปลี่ยนมาใช้ธงไตรรงค์คือ <strong>เพื่อให้มีความเป็นสากลและแสดงความหมายของชาติ</strong> เนื่องจากประเทศส่วนใหญ่ในสากลขณะนั้นนิยมใช้ธงที่มีแถบสามสี</li>



<li>การแสดงความเคารพต่อธงชาติไทยอย่างเหมาะสมคือ <strong>ยืนตรงเมื่อมีการเชิญธงชาติขึ้นสู่ยอดเสา</strong> เพื่อแสดงความเคารพต่อสัญลักษณ์ของชาติ</li>



<li>หากพบว่าธงชาติชำรุดหรือฉีกขาด การปฏิบัติที่ถูกต้องคือ <strong>จัดการอย่างเหมาะสมและสมควรแก่เกียรติของธงชาติ</strong> โดยไม่นำไปทิ้งขยะทั่วไปหรือใช้เป็นผ้าเช็ดทำความสะอาด</li>



<li>ความสำคัญของวันพระราชทานธงชาติไทยคือ <strong>เป็นวันที่ระลึกถึงความสำคัญของธงชาติและความเป็นชาติไทย</strong> เพื่อให้คนในชาติเกิดความภาคภูมิใจ</li>



<li>การแสดงออกถึงการมีจิตสำนึกในการรักษาเกียรติของธงชาติไทยทำได้โดย <strong>ใช้ธงชาติในกิจกรรมอย่างเหมาะสมและเคารพต่อสัญลักษณ์ของชาติ</strong> ตามกฎหมายและระเบียบที่กำหนด</li>



<li>ธงชาติไทยมีความสำคัญสูงสุดในฐานะเป็นสัญลักษณ์ของ <strong>ชาติไทย</strong> ซึ่งรวมถึงแผ่นดิน ประชาชน และความเป็นเอกราช</li>



<li>คุณค่าสำคัญที่ได้รับจากการเรียนรู้เรื่องธงชาติไทยคือ <strong>ความรักและความภาคภูมิใจในชาติ</strong> ซึ่งเป็นพื้นฐานในการร่วมพัฒนาประเทศ</li>



<li>การปฏิบัติตนเมื่อเห็นการเชิญธงชาติขึ้นสู่ยอดเสาคือ <strong>หยุด ยืนตรง และแสดงความเคารพ</strong> จนกว่าการเชิญธงชาติหรือเพลงชาติจะจบลง</li>



<li>สาเหตุสำคัญในการปรับเปลี่ยนมาใช้ธงไตรรงค์ใน พ.ศ. 2460 คือ <strong>ประเทศไทยเข้าร่วมสงครามโลกครั้งที่ 1 กับฝ่ายสัมพันธมิตร</strong> การใช้สีแดง ขาว น้ำเงิน จึงสอดคล้องกับสีธงชาติของประเทศพันธมิตรหลัก เช่น ฝรั่งเศส สหราชอาณาจักร และสหรัฐอเมริกา</li>



<li>ธงแดงขาวห้าริ้วที่เริ่มใช้ใน พ.ศ. 2459 มีความสำคัญคือ <strong>เป็นต้นแบบของธงไตรรงค์</strong> ก่อนจะมีการเปลี่ยนแถบสีตรงกลางเป็นสีน้ำเงินในเวลาต่อมา</li>



<li>คณะรัฐมนตรีมีมติเห็นชอบกำหนดให้วันที่ 28 กันยายนของทุกปีเป็นวันพระราชทานธงชาติไทยเมื่อวันที่ <strong>20 กันยายน พ.ศ. 2559</strong> โดยเริ่มในโอกาสครบรอบ 100 ปีการพระราชทานธงไตรรงค์</li>



<li>วัตถุประสงค์หลักของวันพระราชทานธงชาติไทยคือ <strong>ส่งเสริมให้ประชาชนเห็นความสำคัญของธงชาติ</strong> และตระหนักถึงความเสียสละของบรรพบุรุษในการปกป้องเอกราช</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: พระราชบัญญัติธง พ.ศ. 2522, สำนักงานปลัดสำนักนายกรัฐมนตรี, กรมประชาสัมพันธ์, สำนักหอสมุดแห่งชาติ, กรมส่งเสริมวัฒนธรรม</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSf8MSDt_lhCM5ZVN4BHlm4H7iw4BvcpcVJ7LKEBYctwzlC3rw/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/26-09-2026_230427.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ห้องสมุดประชาชนอำเภอสามร้อยยอด</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-647/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 16:28:32 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7609</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย เพ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">วันพระราชทานธงชาติไทยถือเป็นวันสำคัญทางประวัติศาสตร์ของชาติไทยที่ช่วยให้เราตระหนักถึงความภาคภูมิใจ ความสมานฉันท์ และความเป็นอันหนึ่งอันเดียวกันของคนในชาติ การศึกษาเรื่องราวเกี่ยวกับธงชาติไทยไม่เพียงแต่เพิ่มพูนความรู้ความเข้าใจด้านประวัติศาสตร์และกฎหมายที่เกี่ยวข้องเท่านั้น แต่ยังเป็นพื้นฐานสำคัญสำหรับนำไปใช้ตอบคำถามในแบบทดสอบออนไลน์และการสอบวัดระดับความรู้ทางสังคมศึกษา</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ห้องสมุดประชาชนอำเภอสามร้อยยอด</li>



<li>&#x1f4da; เรื่อง: วันพระราชทานธงชาติไทย</li>



<li>&#x1f4dd; จำนวนข้อ: 15 ข้อ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: 80% ขึ้นไป (ทำได้ 12 ข้อขึ้นไป)</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: เกียรติบัตรออนไลน์ทาง E-mail</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ห้องสมุดประชาชนอำเภอสามร้อยยอด 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันพระราชทานธงชาติไทย ห้องสมุดประชาชนอำเภอสามร้อยยอด 7"></figure>


<p class="wp-block-paragraph">พี่แอดมินจึงได้รวบรวมข้อมูลและวิเคราะห์เนื้อหาของแบบทดสอบชุดนี้อย่างละเอียด เพื่อให้น้องๆ ได้ทบทวนความรู้ความเข้าใจเกี่ยวกับกำเนิดธงไตรรงค์ ความเป็นมา และความสำคัญของวันพระราชทานธงชาติไทยได้อย่างถูกต้องและครบถ้วน</p>



<ul class="wp-block-list">
<li>วันพระราชทานธงชาติไทยตรงกับวันที่เท่าใดของทุกปี คือ <strong>วันที่ 28 กันยายน</strong> เนื่องจากเป็นวันที่พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัวทรงพระกรุณาโปรดเกล้าโปรดกระหม่อมพระราชทานธงไตรรงค์เป็นธงชาติไทย</li>



<li>วันพระราชทานธงชาติไทยมีชื่อภาษาอังกฤษว่าอะไร คือ <strong>Thai National Flag Day</strong> ซึ่งเป็นชื่อเรียกอย่างเป็นทางการในระดับสากล</li>



<li>พระมหากษัตริย์พระองค์ใดทรงพระกรุณาโปรดเกล้าฯ ให้ธงไตรรงค์เป็นธงชาติไทย คือ <strong>พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว</strong> (รัชกาลที่ 6) ทรงตราพระราชบัญญัติแก้ไขพระราชบัญญัติธง พุทธศักราช 2460 เปลี่ยนรูปแบบธงชาติจากธงช้างชูงวงบนพื้นแดงมาเป็นธงไตรรงค์</li>



<li>พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัวทรงมีพระราชสมัญญานามว่าอะไร คือ <strong>พระมหาธีรราชเจ้า</strong> อันมีความหมายว่า มหาราชผู้เป็นปราชญ์ จากพระปรีชาสามารถด้านอักษรศาสตร์และพระราชกรณียกิจหลากหลายด้าน</li>



<li>ประกาศพระราชบัญญัติแก้ไขพระราชบัญญัติธง พุทธศักราช 2460 เมื่อวันที่ใด คือ <strong>28 กันยายน พ.ศ. 2460</strong> ซึ่งเป็นวันประกาศใช้อย่างเป็นทางการในราชกิจจานุเบกษา</li>



<li>สาระสำคัญของพระราชบัญญัติธง พ.ศ. 2460 คือข้อใด คือ <strong>กำหนดให้ธงไตรรงค์เป็นธงชาติไทย</strong> โดยกำหนดลักษณะธงเป็น 3 สี 5 แถบ ได้แก่ สีแดง สีขาว และสีน้ำเงิน</li>



<li>คณะรัฐมนตรีมีมติเห็นชอบให้วันที่ 28 กันยายนของทุกปีเป็นวันพระราชทานธงชาติไทยในปีใด คือ <strong>พ.ศ. 2559</strong> โดยมีมติเมื่อวันที่ 20 กันยายน พ.ศ. 2559 กำหนดให้เริ่มใน พ.ศ. 2560</li>



<li>วันพระราชทานธงชาติไทยเริ่มจัดขึ้นเป็นครั้งแรก ในปีใด คือ <strong>พ.ศ. 2560</strong> ซึ่งตรงกับโอกาสครบรอบ 100 ปีการพระราชทานธงชาติไทย</li>



<li>ปี พ.ศ. 2560 มีความสำคัญต่อธงชาติไทยอย่างไร คือ <strong>ครบรอบ 100 ปี</strong> นับจากการประกาศใช้ธงไตรรงค์เป็นธงชาติไทยเมื่อ พ.ศ. 2460</li>



<li>วันพระราชทานธงชาติไทยถือเป็นวันหยุดราชการหรือไม่ คือ <strong>ไม่ถือเป็นวันหยุดราชการ</strong> แต่กำหนดให้เป็นวันสำคัญของชาติที่มีการจัดกิจกรรมเพื่อน้อมรำลึกถึงพระมหากรุณาธิคุณ</li>



<li>กิจกรรมสำคัญที่กำหนดให้ดำเนินการในวันพระราชทานธงชาติไทยคือข้อใด คือ <strong>การชักธงและประดับธงชาติไทย</strong> ตามหน่วยงานราชการ อาคาร บ้านเรือน และสถานศึกษา เพื่อร่วมแสดงความจงรักภักดีและภาคภูมิใจ</li>



<li>การกำหนดวันธงชาติของแต่ละประเทศโดยทั่วไปมีความเกี่ยวข้องกับเรื่องใด คือ <strong>ภูมิหลังทางประวัติศาสตร์และการสร้างชาติ</strong> ซึ่งมักสะท้อนถึงเหตุการณ์สำคัญ การสถาปนาประเทศ หรือการประกาศเอกราช</li>



<li>ในปี พ.ศ. 2560 นิทรรศการวันพระราชทานธงชาติไทยใช้ชื่อว่าอะไร คือ <strong>100 ปี ธงชาติไทย ร้อยดวงใจไทยทั้งชาติ</strong> ซึ่งจัดขึ้นเพื่อเฉลิมฉลองโอกาสวาระครบรอบศตวรรษ</li>



<li>กิจกรรมครบรอบ 100 ปี ธงชาติไทย ในปี พ.ศ. 2560 จัดขึ้นที่ใด คือ <strong>ทำเนียบรัฐบาล</strong> โดยมีพิธีอัญเชิญธงชาติไทยและการจัดแสดงนิทรรศการประวัติศาสตร์ธงชาติไทย</li>



<li>ธงที่ได้รับการประกาศให้เป็นธงชาติไทยในปี พ.ศ. 2460 คือธงใด คือ <strong>ธงไตรรงค์</strong> ประกอบด้วยสีแดงหมายถึงชาติ สีขาวหมายถึงศาสนา และสีน้ำเงินหมายถึงพระมหากษัตริย์</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: สำนักนายกรัฐมนตรี, กรมส่งเสริมวัฒนธรรม กระทรวงวัฒนธรรม, พิพิธภัณฑ์ธงชาติไทย, หอปรัชญารัชกาลที่ 6, กรมส่งเสริมการเรียนรู้ กระทรวงศึกษาธิการ</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSdsrekD4S5YkrXz8CVyhsfg3T0FfbRbtkQ-E0ApnZ0iu4bjLg/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/25-09-2026_232424.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอปากท่อ</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-646/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 24 Sep 2026 12:25:45 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7606</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย&#160;เพื่อรับเ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย&nbsp;เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">การศึกษาแบบทดสอบความรู้เกี่ยวกับธงชาติไทยนับเป็นโอกาสอันดีในการเสริมสร้างความรู้รอบตัวทางด้านประวัติศาสตร์ สัญลักษณ์สำคัญของชาติ และข้อกฎหมายที่เกี่ยวข้อง ซึ่งเป็นพื้นฐานสำคัญสำหรับนักเรียน นักศึกษา และบุคคลทั่วไปที่เตรียมตัวสอบวัดความรู้ทั่วไป สอบเข้ารับราชการ หรือสอบบรรจุครู รวมถึงการพัฒนาทักษะความรู้ทั่วไปเพื่อนำไปปรับใช้ในการเรียนการสอนและวิชาชีพทางด้านการศึกษา</p>



<ul class="wp-block-list">
<li>&#x1f3db;&#xfe0f; ผู้จัด: ห้องสมุดประชาชนอำเภอปากท่อ</li>



<li>&#x1f4da; เรื่อง: ธงชาติไทย ตรงวันที่ 28 ก.ย. ของทุกปี</li>



<li>&#x1f4dd; จำนวนข้อ: 10 ข้อ</li>



<li>&#x1f3c6; เกณฑ์รับเกียรติบัตร: ทำแบบทดสอบผ่าน 70% (7 ข้อขึ้นไป)</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: เกียรติบัตรออนไลน์ทางอีเมล (แนะนำให้ใช้ Gmail)</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอปากท่อ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอปากท่อ 8"></figure>


<p class="wp-block-paragraph">พี่แอดมินรวบรวมข้อมูลเกี่ยวกับแบบทดสอบความรู้ เรื่อง ธงชาติไทย เพื่อให้น้องๆ ใช้ทบทวนและทำแบบทดสอบได้ง่ายขึ้น พร้อมเข้าใจเนื้อหาตามจุดประสงค์ของแบบทดสอบอย่างถูกต้อง การทำความเข้าใจประวัติความเป็นมาและรายละเอียดเกี่ยวกับธงชาติไทยไม่ได้เพียงช่วยให้สอบผ่านเกณฑ์รับเกียรติบัตรเท่านั้น แต่ยังช่วยเสริมสร้างความตระหนักรู้ในคุณค่าของสัญลักษณ์แห่งชาติและความภาคภูมิใจในประวัติศาสตร์ไทยอีกด้วย</p>



<ul class="wp-block-list">
<li>สีของธงชาติไทย คือ <strong>มี 3 สี มีสีแดง สีขาว สีน้ำเงิน</strong> ซึ่งประกอบด้วยสีแดงหมายถึงชาติ สีขาวหมายถึงศาสนา และสีน้ำเงินหมายถึงพระมหากษัตริย์</li>



<li>สีของธงชาติไทยที่หมายถึงศาสนา คือ <strong>สีขาว</strong> อันเป็นสัญลักษณ์แห่งความบริสุทธิ์ของศาสนา</li>



<li>การปฏิบัติตนเมื่อได้ยินเพลงชาติไทย คือ <strong>ยืนตรง</strong> เพื่อแสดงความเคารพต่อชาติ ศาสนา และพระมหากษัตริย์</li>



<li>จำนวนสีและแถบของธงชาติไทย คือ <strong>3 สี 5 แถบ</strong> โดยมีแถบสีแดงตรงขอบนอกทั้งสองข้าง ถัดเข้ามาเป็นแถบสีขาว และแถบตรงกลางเป็นสีน้ำเงินซึ่งมีความกว้างเป็นสองเท่าของแถบสีอื่น</li>



<li>ชื่อเรียกอีกอย่างหนึ่งของธงชาติไทย คือ <strong>ธงไตรรงค์</strong> ซึ่งมาจากคำว่า ไตร ที่แปลว่าสาม และ รงค์ ที่แปลว่าสี</li>



<li>รูปร่างของธงชาติไทย คือ <strong>สี่เหลี่ยมผืนผ้า</strong> ตามที่ระบุไว้ในพระราชบัญญัติธง</li>



<li>เนื้อหาของเพลงชาติไทย คือ <strong>ความกล้าหาญของบรรพบุรุษไทย</strong> และความสามัคคี ความเสียสละเพื่อรักษาเอกราชของชาติ</li>



<li>ปี พ.ศ. ที่เริ่มใช้ธงไตรรงค์ คือ <strong>พ.ศ. 2460</strong> โดยมีการประกาศใช้ตามพระราชบัญญัติธง พ.ศ. 2460 ในสมัยรัชกาลที่ 6</li>



<li>ธงชาติไทยผืนแรกที่ใช้เป็นสัญลักษณ์ในการติดต่อค้าขายทางเรือกับต่างประเทศ คือ <strong>ธงสีแดงล้วน</strong> ซึ่งใช้มาตั้งแต่สมัยกรุงศรีอยุธยาในรัชสมัยสมเด็จพระนารายณ์มหาราช</li>



<li>พระมหากษัตริย์ที่มติคณะรัฐมนตรีกำหนดให้วันที่ 28 กันยายนของทุกปีเป็นวันพระราชทานธงชาติไทยเพื่อน้อมรำลึกถึง คือ <strong>รัชกาลที่ 6</strong> พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว ผู้ทรงพระราชทานธงไตรรงค์เป็นธงชาติไทย</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: พิพิธภัณฑ์ธงชาติไทย, สำนักงานปลัดสำนักนายกรัฐมนตรี, พระราชบัญญัติธง พ.ศ. 2522, หอสมุดแห่งชาติกรมศิลปากร, กระทรวงวัฒนธรรม</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSdg976cPWo9NvlaIMjYgBcpD_DNRXUPtq8tA5DxpEQNNEkAcA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/24-09-2026_192149.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอพระสมุทรเจดีย์</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-645/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Tue, 22 Sep 2026 15:19:31 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ท้องถิ่น]]></category>
		<category><![CDATA[นิติศาสตร์]]></category>
		<category><![CDATA[เรียน รัฐศาสตร์]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7599</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย เพื่อรับเกียรต [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย เพื่อรับเกียรติบัตรออนไลน์</h2>



<p class="wp-block-paragraph">การศึกษาประวัติศาสตร์และข้อบังคับเกี่ยวกับธงชาติไทยเป็นสิ่งสำคัญที่จะช่วยให้น้องๆ เข้าใจถึงความเป็นมาและความหมายของสัญลักษณ์สูงสุดของชาติได้อย่างถูกต้อง ซึ่งการทำความเข้าใจบริบททางประวัติศาสตร์พัฒนาการของผืนธง ตลอดจนระเบียบข้อบังคับทางราชการ จะช่วยให้น้องๆ สามารถทำแบบทดสอบเรื่องนี้ได้อย่างมั่นใจและได้รับความรู้ที่ถูกต้องนำไปประยุกต์ใช้ในชีวิตประจำวัน</p>



<ul class="wp-block-list">
<li>&#x1f3db;&#xfe0f; ผู้จัด: ห้องสมุดประชาชนอำเภอพระสมุทรเจดีย์</li>



<li>&#x1f4da; เรื่อง: ธงชาติไทย</li>



<li>&#x1f4dd; จำนวนข้อ: 15 ข้อ</li>



<li>&#x1f3c6; เกณฑ์รับเกียรติบัตร: 80% ขึ้นไป (12 ข้อขึ้นไป)</li>



<li>&#x1f4dc; สิ่งที่จะได้รับ: เกียรติบัตรออนไลน์</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอพระสมุทรเจดีย์ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ธงชาติไทย ห้องสมุดประชาชนอำเภอพระสมุทรเจดีย์ 9"></figure>


<p class="wp-block-paragraph">บทเรียนเกี่ยวกับธงชาติไทยชุดนี้รวบรวมประเด็นสำคัญตั้งแต่สมัยอยุธยาจนถึงปัจจุบัน รวมถึงระเบียบการปฏิบัติตนต่อธงชาติและข้อกฎหมายที่เกี่ยวข้อง พี่แอดมินจึงนำมาเรียบเรียงและวิเคราะห์เนื้อหาทีละข้อ เพื่อให้น้องๆ ได้ศึกษาทำความเข้าใจและเตรียมตัวทำแบบทดสอบได้อย่างครบถ้วน</p>



<ul class="wp-block-list">
<li>ธงที่ชักขึ้นเหนือเรือสำเภาค้าขายกับต่างประเทศในสมัยสมเด็จพระนารายณ์มหาราช คือ <strong>ธงสีแดงเกลี้ยง</strong> เนื่องจากในสมัยอยุธยายังไม่มีการออกแบบธงชาติอย่างเป็นทางการ เมื่อมีเรือต่างชาติเดินทางเข้ามาจึงใช้ผ้าสีแดงเกลี้ยงเป็นสัญลักษณ์แสดงตนในการติดต่อค้าขาย</li>



<li>สัญลักษณ์ที่พระบาทสมเด็จพระพุทธยอดฟ้าจุฬาโลกมหาราช (รัชกาลที่ 1) โปรดเกล้าฯ ให้เพิ่มลงในธงพื้นสีแดงเพื่อแสดงว่าเป็นเรือหลวง คือ <strong>รูปจักรขาว</strong> โดยนำรูปจักรซึ่งเป็นสัญลักษณ์แห่งพระจักรีบรมราชวงศ์มาประดิษฐานไว้กลางธงสีแดง เพื่อใช้แบ่งแยกเรือหลวงออกจากเรือสินค้าของราษฎร์</li>



<li>การนำช้างเผือกมาไว้บนพื้นธงสีแดงเป็นครั้งแรกเกิดขึ้นในรัชสมัย <strong>พระบาทสมเด็จพระพุทธเลิศหล้านภาลัย (รัชกาลที่ 2)</strong> สืบเนื่องจากในรัชกาลของพระองค์ได้ช้างเผือกมาสู่พระบารมีถึง 3 เชือก จึงโปรดเกล้าฯ ให้ทำรูปช้างเผือกไว้กลางวงจักรบนพื้นธงสีแดง</li>



<li>สาเหตุที่พระบาทสมเด็จพระจอมเกล้าเจ้าอยู่หัว (รัชกาลที่ 4) ทรงยกเลิกการใช้รูปจักรบนธง และให้คงเหลือไว้เพียงรูปช้างเผือกบนพื้นแดง คือ <strong>เพื่อให้เรือของสามัญชนสามารถใช้ธงช้างเผือกได้ และกำหนดให้เรือหลวงใช้ธงช้างเผือกพื้นแดงแบบมีวงจักร</strong> เพื่อแก้ปัญหาเรือสินค้าเอกชนมองไม่เห็นรูปจักรจากระยะไกล และให้ใช้รูปช้างเผือกบนพื้นแดงเป็นสัญลักษณ์ของประเทศ</li>



<li>ธงริ้วแดง-ขาว (ธงค้าขาย) ถูกนำมาใช้ครั้งแรกในรัชสมัย <strong>พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว (รัชกาลที่ 6)</strong> โดยทรงทดลองใช้เป็นธงสำหรับเรือค้าขายของเอกชน ก่อนที่จะมีการพัฒนาปรับเปลี่ยนมาเป็นธงไตรรงค์</li>



<li>สาเหตุสำคัญที่ทำให้พระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว (รัชกาลที่ 6) ทรงเปลี่ยนธงจากธงช้างเผือกมาเป็นธงไตรรงค์ คือ <strong>เพื่อแก้ไขปัญหาการติดธงกลับหัวและเพื่อให้มีความทันสมัยทัดเทียมอารยประเทศ</strong> หลังจากที่ทรงพบเห็นเหตุการณ์การแขวนธงช้างเผือกกลับหัวเอาขาช้างขึ้นฟ้าในระหว่างเสด็จประพาส</li>



<li>ธงไตรรงค์ประกาศใช้อย่างเป็นทางการเมื่อปี <strong>พ.ศ. 2460</strong> ตามพระราชบัญญัติธง พระพุทธศักราช 2460 โดยกำหนดให้มีแถบสีแดง ขาว และน้ำเงิน</li>



<li>สีทั้ง 3 สีบนผืนธงไตรรงค์ (แดง-ขาว-น้ำเงิน) แทนสถาบันหลักตามลำดับ คือ <strong>ชาติ &#8211; ศาสนา &#8211; พระมหากษัตริย์</strong> อันเป็นหลักชัยและศูนย์รวมจิตใจของคนในชาติ</li>



<li>ความหมายของแถบสีขาวบนธงไตรรงค์ สื่อถึง <strong>ความบริสุทธิ์ของพระพุทธศาสนาและหลักธรรมคำสอน</strong> ซึ่งเป็นศาสนาที่ประชาชนส่วนใหญ่นับถือและเป็นเครื่องยึดเหนี่ยวจิตใจ</li>



<li>เวลามาตรฐานในการชักธงชาติขึ้นและลงเสาประจำวันตามระเบียบทางราชการ คือ <strong>ชักขึ้นเวลา 08.00 น. และชักลงเวลา 18.00 น.</strong> โดยถือเป็นแนวทางปฏิบัติสืบต่อกันมาของหน่วยงานราชการและสถานศึกษา</li>



<li>การเชิญธงชาติขึ้นสู่ยอดเสาหรือชักธงลงจากยอดเสาอย่างถูกต้อง ควรปฏิบัติโดย <strong>ชักธงขึ้นและลงด้วยความนุ่มนวล สม่ำเสมอ และระมัดระวังไม่ให้ผืนธงแตะพื้นดิน</strong> เพื่อเป็นการแสดงความเคารพต่อสัญลักษณ์สูงสุดของชาติ</li>



<li>ในกรณีที่ธงชาติชำรุด สีซีดจาง หรือขาดวิ่นจนอยู่ในสภาพที่ไม่สมควรใช้ ควรดำเนินการโดย <strong>นำไปเผาทำลายอย่างเงียบๆ และด้วยความเคารพในสถานที่มิดชิด</strong> ตามระเบียบการใช้และการชักธงชาติ เพื่อไม่ให้เกิดภาพที่ไม่เหมาะสม</li>



<li>ผู้ประพันธ์ทำนองเพลงชาติไทยฉบับปัจจุบัน คือ <strong>พระเจนดุริยางค์</strong> (ปิติ วาทยะกร) ซึ่งได้แต่งทำนองขึ้นหลังจากเปลี่ยนแปลงการปกครอง พ.ศ. 2475</li>



<li>ผู้ประพันธ์เนื้อร้องเพลงชาติไทยฉบับปัจจุบันที่ใช้ขับร้องอยู่จนถึงทุกวันนี้ คือ <strong>พันเอก หลวงสารานุประพันธ์ (นวล ปาณบำรุง)</strong> โดยชนะการประกวดเนื้อร้องเพลงชาติเมื่อปี พ.ศ. 2482</li>



<li>เพลงชาติไทยฉบับปัจจุบันเริ่มประกาศใช้อย่างเป็นทางการเมื่อปี <strong>พ.ศ. 2482</strong> ตามประกาศสำนักนายกรัฐมนตรีว่าด้วยรัฐนิยม ฉบับที่ 6 หลังจากมีการเปลี่ยนชื่อประเทศจากสยามเป็นไทย</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: พิพิธภัณฑ์ธงชาติไทย, สำนักงานคณะกรรมการวัฒนธรรมแห่งชาติ, กรมส่งเสริมวัฒนธรรม, หอสมุดแห่งชาติ, สำนักนายกรัฐมนตรี</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSe5CZgtyqshbI2C4L53qTRBgczJP8KFYYoVbRhW5qDyM4sizw/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/22-09-2026_221612.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันการท่องเที่ยวโลก ห้องสมุดประชาชนอำเภอตะพานหิน</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-642/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Fri, 18 Sep 2026 14:33:35 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[ความรู้ทั่วไป]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[การท่องเที่ยว]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ธรรมชาติ]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7589</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง วันการท่องเที่ยวโลก เพื่ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง วันการท่องเที่ยวโลก เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">การศึกษาเกี่ยวกับหลักการท่องเที่ยวทั้งในระดับสากลและระดับชุมชน ช่วยให้เราเข้าใจบทบาทของอุตสาหกรรมท่องเที่ยวที่มีต่อระบบเศรษฐกิจ สังคม และสิ่งแวดล้อม การเรียนรู้ประเด็นการพัฒนาการท่องเที่ยวอย่างยั่งยืนยังเป็นพื้นฐานสำคัญสำหรับวิชาสังคมศึกษา ภูมิศาสตร์ และการจัดการการท่องเที่ยว พี่แอดมินจึงได้รวบรวมข้อมูลจากแบบทดสอบชุดนี้เพื่อให้น้องๆ ใช้ทบทวนความรู้และทำแบบทดสอบได้ง่ายขึ้น พร้อมเข้าใจเนื้อหาตามจุดประสงค์ของผู้จัดทำ</p>



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ห้องสมุดประชาชนอำเภอตะพานหิน</li>



<li>&#x1f4da; เรื่อง: วันการท่องเที่ยวโลก</li>



<li>&#x1f4dd; จำนวนข้อ: 10 ข้อ</li>



<li>&#x1f3c6; เกณฑ์รับเกียรติบัตร: ทำคะแนนได้ร้อยละ 70 ขึ้นไป (7/10 คะแนนขึ้นไป)</li>



<li>&#x1f393; สิ่งที่จะได้รับ: เกียรติบัตรผ่านทาง e-mail</li>
</ul>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันการท่องเที่ยวโลก ห้องสมุดประชาชนอำเภอตะพานหิน 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันการท่องเที่ยวโลก ห้องสมุดประชาชนอำเภอตะพานหิน 10"></figure>


<p class="wp-block-paragraph">การทำความเข้าใจเป้าหมายของการท่องเที่ยวอย่างรับผิดชอบจะช่วยให้น้องๆ นำไปประยุกต์ใช้ในการท่องเที่ยวจริง และเปิดมุมมองต่อการเป็นนักท่องเที่ยวที่ดีในระดับสากล</p>



<ul class="wp-block-list">
<li>วันการท่องเที่ยวโลก (World Tourism Day) ตรงกับ <strong>วันที่ 27 กันยายน ของทุกปี</strong> ซึ่งเป็นวันที่กำหนดขึ้นระดับสากลเพื่อตระหนักถึงคุณค่าของการท่องเที่ยว</li>



<li>องค์การที่เป็นผู้กำหนดให้มีการกำหนดวันการท่องเที่ยวโลก คือ <strong>UN Tourism</strong> (เดิมคือ UNWTO) ซึ่งเป็นหน่วยงานภายใต้อยค์การสหประชาชาติที่ดูแลด้านการท่องเที่ยว</li>



<li>วัตถุประสงค์หลักของการจัดวันการท่องเที่ยวโลก คือ <strong>สร้างความตระหนักรู้ถึงความสำคัญของการท่องเที่ยว</strong> ที่มีผลต่อมูลค่าทางเศรษฐกิจ สังคม และวัฒนธรรมทั่วโลก</li>



<li>สิ่งที่ไม่ใช่ประโยชน์ของการท่องเที่ยว คือ <strong>ทำให้เกิดมลพิษและทำลายวัฒนธรรมท้องถิ่น</strong> เพราะการท่องเที่ยวที่ดีควรมุ่งเน้นการอนุรักษ์สิ่งแวดล้อมและส่งเสริมวัฒนธรรม</li>



<li>การท่องเที่ยวอย่างยั่งยืน (Sustainable Tourism) คือ <strong>การท่องเที่ยวที่ตอบสนองความต้องการโดยไม่ส่งผลกระทบต่อทรัพยากรสิ่งแวดล้อม</strong> เพื่อรักษาทรัพยากรไว้ให้คนรุ่นหลัง</li>



<li>แนวทางที่เป็นการท่องเที่ยวอย่างรับผิดชอบ คือ <strong>เคารพวัฒนธรรมท้องถิ่น และปฏิบัติตามกฎระเบียบ</strong> เพื่อให้เกิดการท่องเที่ยวที่ไม่รบกวนวิถีชีวิตคนในพื้นที่</li>



<li>การปฏิบัติที่ถูกต้องเพื่อลดผลกระทบต่อสิ่งแวดล้อมจากการท่องเที่ยว คือ <strong>เลือกใช้บริการขนส่งสาธารณะ</strong> เพราะช่วยลดการปล่อยก๊าซเรือนกระจกจากการเดินทาง</li>



<li>การท่องเที่ยวช่วยส่งเสริมด้านวัฒนธรรม คือ <strong>ทำให้เกิดความเข้าใจและแลกเปลี่ยนวัฒนธรรม</strong> ระหว่างนักท่องเที่ยวและคนในท้องถิ่น</li>



<li>การปฏิบัติเพื่อให้การท่องเที่ยวเกิดคุณค่าต่อชุมชนท้องถิ่น คือ <strong>ซื้อสินค้าหรือใช้บริการของชุมชน</strong> เพื่อให้เกิดการกระจายรายได้สู่ฐานรากโดยตรง</li>



<li>การจัดกิจกรรมวันการท่องเที่ยวโลกในปี พ.ศ. 2569 คือ <strong>ครบรอบ 46 ปี</strong> นับจากการเริ่มกำหนดวันอย่างเป็นทางการในปี ค.ศ. 1980 (พ.ศ. 2523)</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: UN Tourism, กรมการท่องเที่ยว กระทรวงการท่องเที่ยวและกีฬา, องค์การสหประชาชาติ (United Nations), การท่องเที่ยวแห่งประเทศไทย (ททท.), สถาบันท่องเที่ยวโดยชุมชน</p>



<p class="wp-block-paragraph">เนื้อหานี้สรุปและวิเคราะห์เพื่อใช้เป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับข้อมูลอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อให้ข้อมูลครบถ้วนที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSf7SIoXrE_yUWzHzja_TMVJAR3TzoiCUQX298bLwDmZs0yakw/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%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/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/09/18-09-2026_213034.webp" />	</item>
	</channel>
</rss>
