<?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%b8%a3%e0%b8%b1%e0%b8%81%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b9%88%e0%b8%b2%e0%b8%99/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Fri, 27 Mar 2026 15:23:39 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</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-389/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Fri, 27 Mar 2026 15:23:34 +0000</pubDate>
				<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=5948</guid>

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



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


<figure class="wp-block-post-featured-image"><img fetchpriority="high" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156.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/03/27-03-2026_222156.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง หนังสือพระราชนิพนธ์ของสมเด็จพระกนิษฐาธิราชเจ้า กรมสมเด็จพระเทพรัตนราชสุดา ฯ สยามบรมราชกุมารี 1"></figure>


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



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



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



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



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



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



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล:</strong> สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน, งานวิจัยวรรณกรรมเยาวชนไทย, บทวิเคราะห์วรรณกรรมเด็กและเยาวชน<br><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/1FAIpQLSd1WRgvnWDyyoQigUiRILrcoVACg2i3vAyrbVOai5WrEzzBIA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเรื่องราวที่นำมาฝากในวันนี้จะเป็นประโยชน์ต่อการพัฒนาทักษะของทุกคนนะครับ สำหรับใครที่อยากต่อยอดความรู้ให้ลึกซึ้งยิ่งขึ้น บนเว็บไซต์ของพี่แอดมินยังมี <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/" data-type="link" data-id="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/">เกียรติบัตรออนไลน์</a></strong> และคลัง <strong>ข้อสอบออนไลน์</strong> อีกมากมายที่คัดสรรมาจาก <strong>มหาวิทยาลัย</strong> และหน่วยงานที่น่าเชื่อถือ ไม่ว่าจะเป็นการ <strong>ทำข้อสอบ</strong> เพื่อ <strong>วัดระดับ</strong> ความรู้ในราย<a href="https://quizeducate.com/category/%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%84%e0%b8%93%e0%b8%b4%e0%b8%95%e0%b8%a8%e0%b8%b2%e0%b8%aa%e0%b8%95%e0%b8%a3%e0%b9%8c/">วิชาคณิตศาสตร์</a> ภาษาจีน หรือการ <strong><a href="https://quizeducate.com/category/%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%ad%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b8%a4%e0%b8%a9/" data-type="link" data-id="https://quizeducate.com/category/%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%ad%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b8%a4%e0%b8%a9/">สอบวัดระดับอังกฤษ</a></strong> โดยเฉพาะ <strong>ข้อสอบวัดระดับภาษาอังกฤษ CEFR</strong> ที่น้อง ๆ สามารถเลือก <strong>ทดสอบ CEFR ออนไลน์</strong> เพื่อประเมินทักษะของตนเองผ่าน <strong>ข้อสอบวัดระดับภาษาอังกฤษพร้อมเฉลย</strong> ที่ครอบคลุมตั้งแต่ระดับ ม.ปลาย ไปจนถึงมหาวิทยาลัยเลยครับ</p>



<p class="wp-block-paragraph" id="p-rc_c0c6ec434abfeeb3-20">นอกจากนี้ สำหรับเพื่อน ๆ ที่มองหาช่องทางอัปเกรดโปรไฟล์ พี่แอดมินได้รวบรวมคอร์ส <strong>E-learning</strong> สำหรับการ <strong><a href="https://quizeducate.com/tag/%e0%b8%ad%e0%b8%9a%e0%b8%a3%e0%b8%a1%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/" data-type="link" data-id="https://quizeducate.com/tag/%e0%b8%ad%e0%b8%9a%e0%b8%a3%e0%b8%a1%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/">อบรมออนไลน์</a></strong> ที่เปิดให้ <strong>อบรมฟรีได้เกียรติบัตร</strong> ทั้งในด้านความรู้คอมพิวเตอร์และเทคโนโลยี <strong>AI</strong> ที่กำลังมาแรง รวมถึงยังมี <strong>แบบฝึกหัดภาษาอังกฤษ</strong> และตัวช่วยอย่าง <strong>เท็มเพลตหน้าปก <a href="https://quizeducate.com/category/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/portfolio/" data-type="link" data-id="https://quizeducate.com/category/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/portfolio/">Portfolio</a></strong> หรือ <strong>หน้าปกรายงาน</strong> สวย ๆ ไว้ให้น้อง ๆ ม.ปลาย ได้ดาวน์โหลดไปใช้ประกอบการยื่นพอร์ตฯ TCAS หรือสมัครเรียนต่อได้อย่างมืออาชีพ</p>



<p class="wp-block-paragraph">สาระน่ารู้และ <strong>เกียรติบัตรออนไลน์</strong> เหล่านี้ พี่แอดมินตั้งใจอัปเดตข้อมูลใหม่ ๆ จากทั้ง กศน. และหน่วยงานรัฐต่าง ๆ เข้ามาทุกวันเพื่อให้ทันต่อเหตุการณ์เสมอ โดยทุกคนสามารถเลือกเข้าชมได้ง่าย ๆ ผ่านแถบเมนูด้านบน หรือมุมซ้ายบนสำหรับผู้ใช้งานผ่านโทรศัพท์มือถือครับ สุดท้ายนี้ขอขอบคุณน้อง ๆ ทุกคนที่ติดตามบทความของพี่แอดมินเสมอมา หากมีข้อแนะนำหรือคำถามใด ๆ สามารถแจ้งพี่แอดมินได้ทันที หรือดูรายละเอียดเพิ่มเติมได้ที่: <strong><a href="https://quizeducate.com/" data-type="link" data-id="https://quizeducate.com/">ศูนย์รวมเกียรติบัตรออนไลน์ และแบบทดสอบออนไลน์ฟรี</a></strong> ครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/03/27-03-2026_222156.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%b9%80%e0%b8%a3%e0%b8%b7-34/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 02 Apr 2025 15:53:45 +0000</pubDate>
				<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=2619</guid>

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



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


<figure class="wp-block-post-featured-image"><img decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันรักการอ่าน 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันรักการอ่าน 2"></figure>


<h3 class="wp-block-heading"><strong>ความรู้</strong>วันรักการอ่าน สรุปโดยพี่แอดมิน</h3>



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



<p class="wp-block-paragraph">พระองค์ทรงบันทึกการเสด็จพระราชดำเนินต่างประเทศในหนังสือ <strong>“ย่ำแดนมังกร”</strong> หลังจากเสด็จเยือนประเทศจีน และทรงประพันธ์บทกวีภาษาฝรั่งเศสชื่อ <strong>&#8220;les pas de mon pere&#8221;</strong> ซึ่งแปลเป็นภาษาไทยว่า <strong>“เดินตามรอยเท้าพ่อ”</strong> เพื่อแสดงถึงการเคารพและยกย่องพระบิดา</p>



<p class="wp-block-paragraph">ในด้านโครงการในพระราชดำริ พระองค์ทรงริเริ่มโครงการสำคัญๆ เช่น <strong>โครงการฝนหลวง</strong>, <strong>โครงการพัฒนาดอยตุ</strong> และ <strong>โครงการ TO BE NUMBER ONE</strong> ที่มุ่งเน้นแก้ไขปัญหายาเสพติด รวมถึง <strong>โครงการห้องสมุดประชาชน “เฉลิมราชกุมารี”</strong> ที่ช่วยส่งเสริมการเรียนรู้ในชุมชน</p>



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



<p class="wp-block-paragraph">ทุกพระราชกรณียกิจของสมเด็จพระกนิษฐาธิราชเจ้า ไม่เพียงแต่สะท้อนถึงพระอัจฉริยภาพและพระเมตตาของพระองค์ แต่ยังเป็นการพัฒนาประเทศและยกระดับคุณภาพชีวิตของประชาชนในทุกด้านอย่างยั่งยืนครับ</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 alignwide 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/1FAIpQLSesPmEE9wmnLV4BoClPI8do-Xljk7HJG-s5ses3pOstcnJneQ/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเรื่องราวที่นำมาฝากในวันนี้จะเป็นประโยชน์ต่อการพัฒนาทักษะของทุกคนนะครับ สำหรับใครที่อยากต่อยอดความรู้ให้ลึกซึ้งยิ่งขึ้น บนเว็บไซต์ของพี่แอดมินยังมี <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/" data-type="link" data-id="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/">เกียรติบัตรออนไลน์</a></strong> และคลัง <strong>ข้อสอบออนไลน์</strong> อีกมากมายที่คัดสรรมาจาก <strong>มหาวิทยาลัย</strong> และหน่วยงานที่น่าเชื่อถือ ไม่ว่าจะเป็นการ <strong>ทำข้อสอบ</strong> เพื่อ <strong>วัดระดับ</strong> ความรู้ในราย<a href="https://quizeducate.com/category/%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%84%e0%b8%93%e0%b8%b4%e0%b8%95%e0%b8%a8%e0%b8%b2%e0%b8%aa%e0%b8%95%e0%b8%a3%e0%b9%8c/">วิชาคณิตศาสตร์</a> ภาษาจีน หรือการ <strong><a href="https://quizeducate.com/category/%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%ad%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b8%a4%e0%b8%a9/" data-type="link" data-id="https://quizeducate.com/category/%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%ad%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b8%a4%e0%b8%a9/">สอบวัดระดับอังกฤษ</a></strong> โดยเฉพาะ <strong>ข้อสอบวัดระดับภาษาอังกฤษ CEFR</strong> ที่น้อง ๆ สามารถเลือก <strong>ทดสอบ CEFR ออนไลน์</strong> เพื่อประเมินทักษะของตนเองผ่าน <strong>ข้อสอบวัดระดับภาษาอังกฤษพร้อมเฉลย</strong> ที่ครอบคลุมตั้งแต่ระดับ ม.ปลาย ไปจนถึงมหาวิทยาลัยเลยครับ</p>



<p class="wp-block-paragraph" id="p-rc_c0c6ec434abfeeb3-20">นอกจากนี้ สำหรับเพื่อน ๆ ที่มองหาช่องทางอัปเกรดโปรไฟล์ พี่แอดมินได้รวบรวมคอร์ส <strong>E-learning</strong> สำหรับการ <strong><a href="https://quizeducate.com/tag/%e0%b8%ad%e0%b8%9a%e0%b8%a3%e0%b8%a1%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/" data-type="link" data-id="https://quizeducate.com/tag/%e0%b8%ad%e0%b8%9a%e0%b8%a3%e0%b8%a1%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/">อบรมออนไลน์</a></strong> ที่เปิดให้ <strong>อบรมฟรีได้เกียรติบัตร</strong> ทั้งในด้านความรู้คอมพิวเตอร์และเทคโนโลยี <strong>AI</strong> ที่กำลังมาแรง รวมถึงยังมี <strong>แบบฝึกหัดภาษาอังกฤษ</strong> และตัวช่วยอย่าง <strong>เท็มเพลตหน้าปก <a href="https://quizeducate.com/category/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/portfolio/" data-type="link" data-id="https://quizeducate.com/category/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/portfolio/">Portfolio</a></strong> หรือ <strong>หน้าปกรายงาน</strong> สวย ๆ ไว้ให้น้อง ๆ ม.ปลาย ได้ดาวน์โหลดไปใช้ประกอบการยื่นพอร์ตฯ TCAS หรือสมัครเรียนต่อได้อย่างมืออาชีพ</p>



<p class="wp-block-paragraph">สาระน่ารู้และ <strong>เกียรติบัตรออนไลน์</strong> เหล่านี้ พี่แอดมินตั้งใจอัปเดตข้อมูลใหม่ ๆ จากทั้ง กศน. และหน่วยงานรัฐต่าง ๆ เข้ามาทุกวันเพื่อให้ทันต่อเหตุการณ์เสมอ โดยทุกคนสามารถเลือกเข้าชมได้ง่าย ๆ ผ่านแถบเมนูด้านบน หรือมุมซ้ายบนสำหรับผู้ใช้งานผ่านโทรศัพท์มือถือครับ สุดท้ายนี้ขอขอบคุณน้อง ๆ ทุกคนที่ติดตามบทความของพี่แอดมินเสมอมา หากมีข้อแนะนำหรือคำถามใด ๆ สามารถแจ้งพี่แอดมินได้ทันที หรือดูรายละเอียดเพิ่มเติมได้ที่: <strong><a href="https://quizeducate.com/" data-type="link" data-id="https://quizeducate.com/">ศูนย์รวมเกียรติบัตรออนไลน์ และแบบทดสอบออนไลน์ฟรี</a></strong> ครับ</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/04/02-04-2025_223959.webp" />	</item>
	</channel>
</rss>
