<?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%88%E0%B8%B4%E0%B8%95%E0%B8%AD%E0%B8%B2%E0%B8%AA%E0%B8%B2/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Thu, 17 Sep 2026 12:57:45 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</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>เกียรติบัตรออนไลน์ กิจกรรมจิตอาสา เรื่อง ค่ายอาสา พัฒนาโรงเรียน ต่างจังหวัด (กิจกรรมระบายสี BBL ที่พื้นทำเป็นที่เล่นเด็ก)</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%81%e0%b8%b4%e0%b8%88-2/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 17 Sep 2026 11:56: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=7575</guid>

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



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



<ul class="wp-block-list">
<li>&#x1f3eb; ผู้จัด: ค่ายอาสา อยากลอง ลองเลย : จิตอาสา พัฒนาโรงเรียน ต่างจังหวัด</li>



<li>&#x1f4da; เรื่อง: กิจกรรมระบายสี BBL ที่พื้นโรงเรียนวัดแหลม อำเภอพระประแดง จังหวัดสมุทรปราการ</li>



<li>&#x1f3af; เกณฑ์รับเกียรติบัตร: เข้าร่วมกิจกรรมจนเสร็จสิ้นตามเวลาและยืนยันตัวตนหลังจบกิจกรรม</li>



<li>&#x1f3c5; สิ่งที่จะได้รับ: ชั่วโมงจิตอาสา 7 ชั่วโมง และเกียรติบัตรออนไลน์</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/09/17-09-2026_184831.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ กิจกรรมจิตอาสา เรื่อง ค่ายอาสา พัฒนาโรงเรียน ต่างจังหวัด (กิจกรรมระบายสี BBL ที่พื้นทำเป็นที่เล่นเด็ก) 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/09/17-09-2026_184831-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ กิจกรรมจิตอาสา เรื่อง ค่ายอาสา พัฒนาโรงเรียน ต่างจังหวัด (กิจกรรมระบายสี BBL ที่พื้นทำเป็นที่เล่นเด็ก) 1"></figure>


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



<ul class="wp-block-list">
<li>การระบายสี BBL (Brain-Based Learning) คือ <strong>การสร้างสื่อการเรียนรู้บนพื้นเพื่อส่งเสริมการพัฒนาสมองและการเคลื่อนไหวของเด็ก</strong> โดยการทาสีพื้นที่เล่นจะช่วยกระตุ้นการเรียนรู้ผ่านการเล่นอย่างสร้างสรรค์</li>



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



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



<li>กำหนดการปฏิบัติงาน คือ <strong>เริ่มกิจกรรมเวลา 08:00 น. และเสร็จสิ้นประมาณ 15:00 น. ของวันเสาร์ที่ 26 กันยายน 2569</strong></li>



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



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: เพจค่ายอาสา อยากลอง ลองเลย, โรงเรียนวัดแหลม จังหวัดสมุทรปราการ, กระทรวงศึกษาธิการ, กรมส่งเสริมการเรียนรู้, สำนักงานกองทุนสนับสนุนการสร้างเสริมสุขภาพ</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://www.facebook.com/TryItNow123/posts/pfbid02WusjNqU5iGMkGdmEcqUTm8Vi7zcoqqTBgu1mrXS1jxL9RMUgRTkWxZZgMQ1ZbyDJl" 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/17-09-2026_184831.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-388/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 16:53: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=5943</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง จิตอาสาพระราชทาน&#160;&#038;n [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง จิตอาสาพระราชทาน&nbsp;&nbsp; เพื่อรับเกียรติบัตรออนไลน์ ผ่าน 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/2026/03/25-03-2026_233938.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/25-03-2026_233938.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/03/25-03-2026_233938-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง จิตอาสาพระราชทาน สกร.ระดับอำเภอบางบาล 2"></figure>


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



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



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



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



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



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



<p class="wp-block-paragraph">เมื่อพูดถึงคุณลักษณะของจิตอาสาพระราชทาน น้อง ๆ จะเห็นได้ชัดว่าคนที่เหมาะกับบทบาทนี้ต้องเป็นคนที่ทำงานด้วยใจจริง ไม่หวังผลตอบแทน เหมือนตัวอย่างของ “เก่ง” ที่ช่วยงานด้วยความเต็มใจ ซึ่งตรงกับจิตวิญญาณของโครงการที่สุด ในทางกลับกัน คนที่คิดถึงแต่ผลประโยชน์ของตัวเองนั้นไม่สอดคล้องกับคุณลักษณะที่พึงประสงค์ของจิตอาสาเลย เพราะจิตอาสาต้องมีความสุภาพ ซื่อสัตย์ เสียสละ และพร้อมแบ่งปัน</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/1FAIpQLSdMy7T_YcwyUUjI4cBs4HR6-9DmyAiAWb4VAC-UvKvKwKX4FQ/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/03/25-03-2026_233938.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-118/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 31 Jul 2025 15:54:43 +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=4707</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/07/31-07-2025_225205.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/07/31-07-2025_225205.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/07/31-07-2025_225205-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/07/31-07-2025_225205-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/07/31-07-2025_225205-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/07/31-07-2025_225205-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/07/31-07-2025_225205-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง จิตอาสา 3"></figure>


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



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



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



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



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



<ol class="wp-block-list">
<li><strong>จิตอาสาพัฒนา</strong> มีจุดมุ่งหมายเพื่อพัฒนา <strong>คุณภาพชีวิตและสิ่งแวดล้อม</strong> ของประชาชน เช่น การปลูกต้นไม้ การอนุรักษ์สิ่งแวดล้อม หรือการพัฒนาแหล่งน้ำและพื้นที่ชุมชนต่าง ๆ</li>



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



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



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



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



<p class="wp-block-paragraph">สุดท้ายแล้ว คนที่มีจิตอาสามักจะได้รับการยอมรับในสังคม เพราะมีคุณธรรม เช่น <strong>ความมีน้ำใจ ความเสียสละ ความรับผิดชอบ และการเคารพผู้อื่น</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/1FAIpQLSf8ackSxMX-16M1GRUB0_bbGRZgt9phva3IQ0BrOK7kNg-60A/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/2025/07/31-07-2025_225205.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-117/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 30 Jul 2025 15:13:19 +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=4702</guid>

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



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


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636.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/07/30-07-2025_220636.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/07/30-07-2025_220636-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง จิตอาสาพระราชทาน 4"></figure>


<h3 class="wp-block-heading">ความหมายและความเป็นมาของจิตอาสาพระราชทาน: เราทำความดี ด้วยหัวใจ</h3>



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



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



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



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



<p class="wp-block-paragraph">แล้วจิตอาสาพระราชทานมีประเภทอะไรบ้าง? จริง ๆ แล้ว <strong>แบ่งออกเป็น 3 ประเภท</strong> ได้แก่</p>



<ol class="wp-block-list">
<li><strong>จิตอาสาพัฒนา</strong> – เป็นกิจกรรมเพื่อยกระดับคุณภาพชีวิตของชุมชน เช่น การขุดลอกคูคลอง ดูแลความสะอาดของสถานที่ต่าง ๆ หรือส่งเสริมสุขภาพ</li>



<li><strong>จิตอาสาภัยพิบัติ</strong> – มุ่งเน้นการช่วยเหลือและเตรียมการรับมือกับภัยพิบัติต่าง ๆ ไม่ว่าจะเป็นน้ำท่วม ไฟไหม้ หรือพายุ</li>



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



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



<p class="wp-block-paragraph">ถ้าน้อง ๆ อยากเป็นส่วนหนึ่งของจิตอาสาพระราชทาน จะต้องมี <strong>คุณสมบัติเบื้องต้น 4 ข้อ</strong> คือ</p>



<ol class="wp-block-list">
<li><strong>มีสัญชาติไทย</strong> หรือพำนักในไทยโดยถูกต้องตามกฎหมาย</li>



<li><strong>ไม่มีผลประโยชน์แอบแฝง</strong></li>



<li><strong>ไม่เบียดบังเวลาราชการ</strong></li>



<li><strong>ไม่เสียการเรียน</strong></li>
</ol>



<p class="wp-block-paragraph">และต้องมี <strong>คุณลักษณะที่พึงประสงค์ 7 ประการ</strong> เช่น มีวินัย เสียสละ ไม่ใช้สารเสพติด และรักษาวัฒนธรรมไทย เป็นต้น</p>



<p class="wp-block-paragraph">พูดถึงการฝึกอบรมจิตอาสา ก็น่าสนใจไม่แพ้กันครับ เพราะแบ่งเป็น <strong>3 ระดับ</strong> ได้แก่</p>



<ul class="wp-block-list">
<li><strong>หลักสูตรทั่วไป (7 วัน)</strong></li>



<li><strong>หลักสูตรหลักประจำ (6 สัปดาห์)</strong></li>



<li><strong>หลักสูตรพิเศษ (3 เดือน)</strong></li>
</ul>



<p class="wp-block-paragraph">โดยเฉพาะหลักสูตรหลักประจำ จะมีการฝึกทั้งหมด <strong>6 หมวดวิชา</strong> รวม <strong>462 ชั่วโมง</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 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/1FAIpQLSfC7gn4bO20hzJzqwVdRUqnMS0jwE72ulNrG5VclH9oK8yAZg/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/2025/07/30-07-2025_220636.webp" />	</item>
	</channel>
</rss>
