<?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%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b8%a3%e0%b8%96%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b8%96%e0%b8%99%e0%b8%99/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Sun, 15 Jun 2025 16:10:40 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

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

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



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


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


<h2 class="wp-block-heading">ความรู้เบื้องต้นเกี่ยวกับสัญญาณไฟจราจร</h2>



<ul class="wp-block-list">
<li>สัญญาณไฟจราจร แบ่งออกเป็น <strong>ไฟสีแดง, สีเหลือง, สีเขียว</strong> แต่ละสีมีความหมายชัดเจน:
<ul class="wp-block-list">
<li><strong>สีแดง</strong> – หยุด ต้องอยู่นิ่งก่อนเส้นหยุด</li>



<li><strong>สีเหลือง</strong> – เตรียมตัว หยุดหากยุดได้ทัน หรือต่อไปหากหยุดไม่ทัน(แต่ระวังขับเลยแล้วเป็นไฟแดงพอดีนะ พี่แอดมินโดนค่าปรับมาแล้ว)</li>



<li><strong>สีเขียว</strong> – เคลื่อนตัวได้ แต่ก็ต้องระวังคนเดินถนนที่อาจกำลังข้าม</li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph">การรู้จักและปฏิบัติตามแต่ละสีช่วยลดอุบัติเหตุบนท้องถนนได้เยอะเลย (เพราะหยุด-รอ-เดิน ถูกจังหวะ)</p>



<h2 class="wp-block-heading">ป้ายจราจรมีกี่แบบ และทำไมถึงต้องรู้?</h2>



<ol class="wp-block-list">
<li><strong>ป้ายเตือน</strong> – เตือนล่วงหน้าถึงอันตรายบนถนน อาทิ โค้งอันตราย, ทางแคบ ถือว่าจำเป็นมากสำหรับผู้ขี่รถทุกคน</li>



<li><strong>ป้ายบังคับ</strong> – บอกคำสั่งที่เราต้องปฏิบัติตาม เช่น ห้ามเลี้ยว, ห้ามหยุด, ห้ามย้อนศร</li>



<li><strong>ป้ายแนะนำ/ให้ข้อมูล</strong> – แนะนำเส้นทาง เช่น ทางออกต่าง ๆ หรือป้ายชี้สถานที่สำคัญ</li>
</ol>



<p class="wp-block-paragraph">การดูล่วงหน้าช่วยให้น้อง ๆ เตรียมตัวได้ถูกต้อง ไม่เข้าใจผิด ไม่ทำผิดกฎ</p>



<h2 class="wp-block-heading">เคล็ดลับง่าย ๆ</h2>



<ul class="wp-block-list">
<li>ระวังพวกป้าย <strong>สามเหลี่ยมสีเหลือง</strong> (เตือน) กับ <strong>วงกลมขอบแดง</strong> (บังคับ) น้อง ๆ จะสังเกตได้เลย</li>



<li>เส้นสีขาวบนถนนเป็นเส้น <strong>&#8220;จุดหยุด&#8221;</strong> ถ้าไฟแดงหรือมีป้ายบังคับ “หยุด” ต้องหยุดก่อนเส้น</li>



<li>คนเดินข้ามทางม้าลายตอนไฟเป็นเขียว ต้องให้โอกาสคนเดินก่อนขับผ่านเสมอ</li>
</ul>



<h2 class="wp-block-heading">ทำไมต้องให้ความสำคัญ?</h2>



<ul class="wp-block-list">
<li>ลดอุบัติเหตุทั้งกับผู้ขับและคนเดินถนน</li>



<li>สร้างนิสัยขับขี่ปลอดภัย ต่อยอดไปถึงชีวิตจริงตอนขับตอนโตได้ด้วย</li>
</ul>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="ความรู้เกี่ยวกับป้ายจราจรและสัญญาณจราจร / Road safety for Children" width="1240" height="698" src="https://www.youtube.com/embed/gnulVo0GjmE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>






<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/1FAIpQLSdg68dQObhdXgZljsqX5ATCgf_QxspSwJ9UtGuofrNSyQL9TA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





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



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



<p class="wp-block-paragraph">สาระน่ารู้และ <strong>เกียรติบัตรออนไลน์</strong> เหล่านี้ พี่แอดมินตั้งใจอัปเดตข้อมูลใหม่ ๆ จากทั้ง กศน. และหน่วยงานรัฐต่าง ๆ เข้ามาทุกวันเพื่อให้ทันต่อเหตุการณ์เสมอ โดยทุกคนสามารถเลือกเข้าชมได้ง่าย ๆ ผ่านแถบเมนูด้านบน หรือมุมซ้ายบนสำหรับผู้ใช้งานผ่านโทรศัพท์มือถือครับ สุดท้ายนี้ขอขอบคุณน้อง ๆ ทุกคนที่ติดตามบทความของพี่แอดมินเสมอมา หากมีข้อแนะนำหรือคำถามใด ๆ สามารถแจ้งพี่แอดมินได้ทันที หรือดูรายละเอียดเพิ่มเติมได้ที่: <strong><a href="https://quizeducate.com/" data-type="link" data-id="https://quizeducate.com/">ศูนย์รวมเกียรติบัตรออนไลน์ และแบบทดสอบออนไลน์ฟรี</a></strong> ครับ</p>
]]></content:encoded>
					
		
		
		<media:content url="https://www.youtube.com/embed/gnulVo0GjmE" medium="video" width="1280" height="720">
			<media:player url="https://www.youtube.com/embed/gnulVo0GjmE" />
			<media:title type="plain">ความรู้เกี่ยวกับป้ายจราจรและสัญญาณจราจร / Road safety for Children</media:title>
			<media:description type="html"><![CDATA[Road safety for Children]]></media:description>
			<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/06/15-06-2025_225711.webp" />
			<media:rating scheme="urn:simple">nonadult</media:rating>
		</media:content>
<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/06/15-06-2025_225711.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ทั่วไปกฎจราจรบนท้องถนน ประจำปีงบประมาณ พ.ศ.2568  </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-9/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 30 Apr 2025 13:17:33 +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=3680</guid>

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



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


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


<h3 class="wp-block-heading">สรุปความรู้จากแบบทดสอบ โดยพี่แอดมินเพื่อใช้ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ทั่วไปกฎจราจรบนท้องถนน ประจำปีงบประมาณ พ.ศ.2568 จาก ห้องสมุดประชาชนอำเภอหัวหิน</h3>



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



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



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



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



<p class="wp-block-paragraph">ป้ายห้ามเลี้ยวซ้ายมีลักษณะเป็นลูกศรชี้ไปทางซ้ายในวงกลมสีแดง มีเส้นทแยงสีแดงพาดทับ เพื่อแสดงว่าห้ามเลี้ยวซ้ายในบริเวณนั้น ไฟจราจรสีแดงเป็นสัญญาณให้หยุดรถทันที เพื่อให้การจราจรเป็นระเบียบและปลอดภัย ป้ายบอกทิศทางในประเทศไทยมักมีพื้นหลังสีเขียว ใช้สำหรับแสดงเส้นทางหรือทิศทางไปยังสถานที่ต่าง ๆ เมื่อขับรถผ่านวงเวียน ควรให้ทางแก่รถที่มาจากทางขวา เพื่อป้องกันการชนกันและรักษาความปลอดภัยในการขับขี่ </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/1FAIpQLScJQlEaPhY6LPyWufTNWjZFRqZimziSmZTytLMMZHDwvy32FA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





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



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



<p class="wp-block-paragraph">สาระน่ารู้และ <strong>เกียรติบัตรออนไลน์</strong> เหล่านี้ พี่แอดมินตั้งใจอัปเดตข้อมูลใหม่ ๆ จากทั้ง กศน. และหน่วยงานรัฐต่าง ๆ เข้ามาทุกวันเพื่อให้ทันต่อเหตุการณ์เสมอ โดยทุกคนสามารถเลือกเข้าชมได้ง่าย ๆ ผ่านแถบเมนูด้านบน หรือมุมซ้ายบนสำหรับผู้ใช้งานผ่านโทรศัพท์มือถือครับ สุดท้ายนี้ขอขอบคุณน้อง ๆ ทุกคนที่ติดตามบทความของพี่แอดมินเสมอมา หากมีข้อแนะนำหรือคำถามใด ๆ สามารถแจ้งพี่แอดมินได้ทันที หรือดูรายละเอียดเพิ่มเติมได้ที่: <strong><a href="https://quizeducate.com/" data-type="link" data-id="https://quizeducate.com/">ศูนย์รวมเกียรติบัตรออนไลน์ และแบบทดสอบออนไลน์ฟรี</a></strong> ครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/04/30-04-2025_200706.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ทั่วไปในการใช้รถใช้ถนน</title>
		<link>https://quizeducate.com/%e0%b8%97%e0%b8%b3%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%aa%e0%b8%ad%e0%b8%9a%e0%b8%a7%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b8%94%e0%b8%b1%e0%b8%9a%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%a3%e0%b8%b9-3/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Mon, 21 Apr 2025 17:12:20 +0000</pubDate>
				<category><![CDATA[สังคมศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[การใช้รถใช้ถนน]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[เรียนครูสังคม]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=3196</guid>

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



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


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


<h3 class="wp-block-heading">สรุปความรู้จากแบบทดสอบ โดยพี่แอดมินเพื่อใช้ทำแบบทดสอบความรู้ทั่วไปในการใช้รถใช้ถนน จาก สสส.</h3>



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



<p class="wp-block-paragraph">นอกจากหมวกแล้ว ใบขับขี่ก็สำคัญมาก ถ้าขี่รถโดยไม่มีใบขับขี่ โทษจะหนักกว่า คือ <strong>ปรับไม่เกิน 1,000 บาท และจำคุกไม่เกิน 1 เดือน หรือทั้งจำทั้งปรับ</strong> เลยทีเดียว ฟังดูไม่คุ้มเลยใช่มั้ย เพราะฉะนั้น เตรียมตัวให้พร้อมก่อนขึ้นรถดีกว่า พอพูดถึงอุบัติเหตุทางถนน หลายคนอาจจะไม่คิดว่ามันใกล้ตัว แต่ทุกวันนี้ <strong>มีเด็กและเยาวชนไทยเสียชีวิตจากอุบัติเหตุเฉลี่ยวันละ 9 คน</strong> ตัวเลขนี้ฟังแล้วสะเทือนใจมาก และสาเหตุหลักที่ทำให้เกิดอุบัติเหตุก็คือ <strong>ความประมาท ความเร็ว และการฝ่าฝืนกฎจราจร</strong> ซึ่งเรียกได้ว่า <strong>ถูกทุกข้อ</strong> เลย น้อง ๆ ต้องระวังทั้งสามอย่างนี้ให้ดี อย่าชะล่าใจเด็ดขาด อีกหนึ่งเรื่องที่คนขี่รถควรรู้ก็คือระบบความปลอดภัยของรถ เช่น <strong>ระบบ ABS</strong> ที่ย่อมาจาก Anti-lock Braking System ซึ่งก็คือ <strong>ระบบป้องกันล้อล็อกตายขณะเบรก</strong> ระบบนี้ช่วยให้รถยังสามารถควบคุมทิศทางได้ในขณะที่เบรกกะทันหัน </p>



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



<center><iframe width="560" height="315" src="https://www.youtube.com/embed/Ks9awWVXq5c?si=E4PbohR-6QJR0vR3&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></center>






<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.tyiquiz.com/2566/quiz/start-quiz.php?id=2" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





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



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



<p class="wp-block-paragraph">สาระน่ารู้และ <strong>เกียรติบัตรออนไลน์</strong> เหล่านี้ พี่แอดมินตั้งใจอัปเดตข้อมูลใหม่ ๆ จากทั้ง กศน. และหน่วยงานรัฐต่าง ๆ เข้ามาทุกวันเพื่อให้ทันต่อเหตุการณ์เสมอ โดยทุกคนสามารถเลือกเข้าชมได้ง่าย ๆ ผ่านแถบเมนูด้านบน หรือมุมซ้ายบนสำหรับผู้ใช้งานผ่านโทรศัพท์มือถือครับ สุดท้ายนี้ขอขอบคุณน้อง ๆ ทุกคนที่ติดตามบทความของพี่แอดมินเสมอมา หากมีข้อแนะนำหรือคำถามใด ๆ สามารถแจ้งพี่แอดมินได้ทันที หรือดูรายละเอียดเพิ่มเติมได้ที่: <strong><a href="https://quizeducate.com/" data-type="link" data-id="https://quizeducate.com/">ศูนย์รวมเกียรติบัตรออนไลน์ และแบบทดสอบออนไลน์ฟรี</a></strong> ครับ</p>
]]></content:encoded>
					
		
		
		<media:content url="https://www.youtube.com/embed/Ks9awWVXq5c" medium="video" width="1280" height="720">
			<media:player url="https://www.youtube.com/embed/Ks9awWVXq5c" />
			<media:title type="plain">สื่อการเรียนรู้ประเด็นความปลอดภัยบนท้องถนน | ความรอบรู้ทางสุขภาพ (Youth Health Literacy)</media:title>
			<media:description type="html"><![CDATA[การอบรมสร้างองค์ความรู้และทดสอบความรู้เรื่องความรอบรู้ทางสุขภาพ (Youth Health Literacy) แก่เด็กและเยาวชนในประเทศไทยผ่านระบบทดสอบออนไลน์จำนวน 3 หัวข้อการเรียน...]]></media:description>
			<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/04/22-04-2025_001030.webp" />
			<media:rating scheme="urn:simple">nonadult</media:rating>
		</media:content>
<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/04/22-04-2025_001030.webp" />	</item>
	</channel>
</rss>
