This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)
…or something like this:
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ประกาศผลสอบครูผู้ช่วย สพฐ. ปี 2568</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');
body { font-family: 'Sarabun', sans-serif; }
</style>
</head>
<body class="bg-gradient-to-br from-amber-900 to-yellow-800 min-h-screen">
<div class="container mx-auto px-4 py-8">
<!-- Header and Search Section Combined -->
<div class="bg-white rounded-2xl shadow-lg p-8 mb-8">
<!-- สพฐ. Logo -->
<div class="flex justify-center mb-6">
<img src="https://www.xn--12ca0ezbc4ai2ee1bzl.com/wp-content/uploads/2023/07/%E0%B8%AA%E0%B8%9E%E0%B8%90.png"
alt="โลโก้ สพฐ."
class="w-32 h-32 object-contain drop-shadow-lg"
onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
<!-- Fallback SVG logo if image fails to load -->
<svg width="120" height="120" viewBox="0 0 120 120" class="drop-shadow-lg" style="display:none;">
<circle cx="60" cy="60" r="58" fill="#1e40af" stroke="#fbbf24" stroke-width="4"/>
<circle cx="60" cy="60" r="45" fill="#3b82f6" opacity="0.8"/>
<g fill="#fbbf24">
<path d="M60 20 L65 30 L55 30 Z"/>
<circle cx="60" cy="25" r="3"/>
<path d="M25 60 L35 55 L35 65 Z"/>
<path d="M95 60 L85 55 L85 65 Z"/>
<path d="M60 100 L65 90 L55 90 Z"/>
</g>
<g fill="white">
<rect x="45" y="45" width="30" height="20" rx="2"/>
<rect x="47" y="47" width="26" height="16" fill="#1e40af"/>
<line x1="50" y1="52" x2="70" y2="52" stroke="white" stroke-width="1"/>
<line x1="50" y1="56" x2="70" y2="56" stroke="white" stroke-width="1"/>
<line x1="50" y1="60" x2="65" y2="60" stroke="white" stroke-width="1"/>
<rect x="52" y="35" width="16" height="8" rx="1"/>
<polygon points="48,43 72,43 70,45 50,45" fill="#fbbf24"/>
<circle cx="70" cy="39" r="1.5" fill="#fbbf24"/>
</g>
<g fill="white" font-family="serif" font-size="8" font-weight="bold" text-anchor="middle">
<text x="60" y="78">สพฐ.</text>
</g>
</svg>
</div>
<div class="text-center mb-8">
<h1 class="text-4xl font-bold text-yellow-600 mb-6">ประกาศผลสอบครูผู้ช่วย</h1>
<h2 class="text-2xl font-semibold text-yellow-500 mb-4">สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน (สพฐ.)</h2>
<p class="text-3xl text-yellow-600 font-bold">ปี 2568</p>
</div>
<div class="mb-6">
<div class="max-w-md mx-auto">
<label class="block text-lg font-semibold text-gray-700 mb-3 text-center">เลือกเขตพื้นที่การศึกษา</label>
<select id="districtSelect" class="w-full p-4 border-2 border-gray-300 rounded-xl focus:border-blue-500 focus:outline-none text-lg">
<option value="">-- เลือกเขตพื้นที่การศึกษา --</option>
<option value="1">สพป.กระบี่</option>
<option value="2">สพป.กรุงเทพมหานคร</option>
<option value="3">สพป.กาญจนบุรี เขต 1</option>
<option value="4">สพป.กาญจนบุรี เขต 2</option>
<option value="5">สพป.กาญจนบุรี เขต 3</option>
<option value="6">สพป.กาญจนบุรี เขต 4</option>
<option value="7">สพป.กาฬสินธุ์ เขต 1</option>
<option value="8">สพป.กาฬสินธุ์ เขต 2</option>
<option value="9">สพป.กาฬสินธุ์ เขต 3</option>
<option value="10">สพป.กำแพงเพชร เขต 1</option>
<option value="11">สพป.กำแพงเพชร เขต 2</option>
<option value="12">สพป.ขอนแก่น เขต 1</option>
<option value="13">สพป.ขอนแก่น เขต 2</option>
<option value="14">สพป.ขอนแก่น เขต 3</option>
<option value="15">สพป.ขอนแก่น เขต 4</option>
<option value="16">สพป.ขอนแก่น เขต 5</option>
<option value="17">สพป.จันทบุรี เขต 1</option>
<option value="18">สพป.จันทบุรี เขต 2</option>
<option value="19">สพป.ฉะเชิงเทรา เขต 1</option>
<option value="20">สพป.ฉะเชิงเทรา เขต 2</option>
<option value="21">สพป.ชลบุรี เขต 1</option>
<option value="22">สพป.ชลบุรี เขต 2</option>
<option value="23">สพป.ชลบุรี เขต 3</option>
<option value="24">สพป.ชัยนาท</option>
<option value="25">สพป.ชัยภูมิ เขต 1</option>
<option value="26">สพป.ชัยภูมิ เขต 2</option>
<option value="27">สพป.ชัยภูมิ เขต 3</option>
<option value="28">สพป.ชุมพร เขต 1</option>
<option value="29">สพป.ชุมพร เขต 2</option>
<option value="30">สพป.เชียงราย เขต 1</option>
<option value="31">สพป.เชียงราย เขต 2</option>
<option value="32">สพป.เชียงราย เขต 3</option>
<option value="33">สพป.เชียงราย เขต 4</option>
<option value="34">สพป.เชียงใหม่ เขต 1</option>
<option value="35">สพป.เชียงใหม่ เขต 2</option>
<option value="36">สพป.เชียงใหม่ เขต 3</option>
<option value="37">สพป.เชียงใหม่ เขต 4</option>
<option value="38">สพป.เชียงใหม่ เขต 5</option>
<option value="39">สพป.เชียงใหม่ เขต 6</option>
<option value="40">สพป.ตรัง เขต 1</option>
<option value="41">สพป.ตรัง เขต 2</option>
<option value="42">สพป.ตราด เขต 1</option>
<option value="43">สพป.ตาก เขต 1</option>
<option value="44">สพป.ตาก เขต 2</option>
<option value="45">สพป.นครนายก</option>
<option value="46">สพป.นครปฐม เขต 1</option>
<option value="47">สพป.นครปฐม เขต 2</option>
<option value="48">สพป.นครพนม เขต 1</option>
<option value="49">สพป.นครพนม เขต 2</option>
<option value="50">สพป.นครราชสีมา เขต 1</option>
<option value="51">สพป.นครราชสีมา เขต 2</option>
<option value="52">สพป.นครราชสีมา เขต 3</option>
<option value="53">สพป.นครราชสีมา เขต 4</option>
<option value="54">สพป.นครราชสีมา เขต 5</option>
<option value="55">สพป.นครราชสีมา เขต 6</option>
<option value="56">สพป.นครราชสีมา เขต 7</option>
<option value="57">สพป.นครศรีธรรมราช เขต 1</option>
<option value="58">สพป.นครศรีธรรมราช เขต 2</option>
<option value="59">สพป.นครศรีธรรมราช เขต 3</option>
<option value="60">สพป.นครศรีธรรมราช เขต 4</option>
<option value="61">สพป.นครสวรรค์ เขต 1</option>
<option value="62">สพป.นครสวรรค์ เขต 2</option>
<option value="63">สพป.นครสวรรค์ เขต 3</option>
<option value="64">สพป.นนทบุรี เขต 1</option>
<option value="65">สพป.นนทบุรี เขต 2</option>
<option value="66">สพป.นราธิวาส เขต 1</option>
<option value="67">สพป.นราธิวาส เขต 2</option>
<option value="68">สพป.นราธิวาส เขต 3</option>
<option value="69">สพป.น่าน เขต 1</option>
<option value="70">สพป.น่าน เขต 2</option>
<option value="71">สพป.บุรีรัมย์ เขต 1</option>
<option value="72">สพป.บุรีรัมย์ เขต 2</option>
<option value="73">สพป.บุรีรัมย์ เขต 3</option>
<option value="74">สพป.บุรีรัมย์ เขต 4</option>
<option value="75">สพป.ปทุมธานี เขต 1</option>
<option value="76">สพป.ปทุมธานี เขต 2</option>
<option value="77">สพป.ประจวบคีรีขันธ์ เขต 1</option>
<option value="78">สพป.ประจวบคีรีขันธ์ เขต 2</option>
<option value="79">สพป.ปราจีนบุรี เขต 1</option>
<option value="80">สพป.ปราจีนบุรี เขต 2</option>
<option value="81">สพป.ปัตตานี เขต 1</option>
<option value="82">สพป.ปัตตานี เขต 2</option>
<option value="83">สพป.ปัตตานี เขต 3</option>
<option value="84">สพป.พระนครศรีอยุธยา เขต 1</option>
<option value="85">สพป.พระนครศรีอยุธยา เขต 2</option>
<option value="86">สพป.พะเยา เขต 1</option>
<option value="87">สพป.พะเยา เขต 2</option>
<option value="88">สพป.พังงา</option>
<option value="89">สพป.พัทลุง เขต 1</option>
<option value="90">สพป.พัทลุง เขต 2</option>
<option value="91">สพป.พิจิตร เขต 1</option>
<option value="92">สพป.พิจิตร เขต 2</option>
<option value="93">สพป.พิษณุโลก เขต 1</option>
<option value="94">สพป.พิษณุโลก เขต 2</option>
<option value="95">สพป.พิษณุโลก เขต 3</option>
<option value="96">สพป.เพชรบุรี เขต 1</option>
<option value="97">สพป.เพชรบุรี เขต 2</option>
<option value="98">สพป.เพชรบูรณ์ เขต 1</option>
<option value="99">สพป.เพชรบูรณ์ เขต 2</option>
<option value="100">สพป.เพชรบูรณ์ เขต 3</option>
<option value="101">สพป.แพร่ เขต 1</option>
<option value="102">สพป.แพร่ เขต 2</option>
<option value="103">สพป.ภูเก็ต</option>
<option value="104">สพป.มหาสารคาม เขต 1</option>
<option value="105">สพป.มหาสารคาม เขต 2</option>
<option value="106">สพป.มหาสารคาม เขต 3</option>
<option value="107">สพป.มุกดาหาร</option>
<option value="108">สพป.แม่ฮ่องสอน เขต 1</option>
<option value="109">สพป.แม่ฮ่องสอน เขต 2</option>
<option value="110">สพป.ยโสธร เขต 1</option>
<option value="111">สพป.ยโสธร เขต 2</option>
<option value="112">สพป.ยะลา เขต 1</option>
<option value="113">สพป.ยะลา เขต 2</option>
<option value="114">สพป.ยะลา เขต 3</option>
<option value="115">สพป.ร้อยเอ็ด เขต 1</option>
<option value="116">สพป.ร้อยเอ็ด เขต 2</option>
<option value="117">สพป.ร้อยเอ็ด เขต 3</option>
<option value="118">สพป.ระนอง</option>
<option value="119">สพป.ระยอง เขต 1</option>
<option value="120">สพป.ระยอง เขต 2</option>
<option value="121">สพป.ราชบุรี เขต 1</option>
<option value="122">สพป.ราชบุรี เขต 2</option>
<option value="123">สพป.ลพบุรี เขต 1</option>
<option value="124">สพป.ลพบุรี เขต 2</option>
<option value="125">สพป.ลำปาง เขต 1</option>
<option value="126">สพป.ลำปาง เขต 2</option>
<option value="127">สพป.ลำปาง เขต 3</option>
<option value="128">สพป.ลำพูน เขต 1</option>
<option value="129">สพป.ลำพูน เขต 2</option>
<option value="130">สพป.เลย เขต 1</option>
<option value="131">สพป.เลย เขต 2</option>
<option value="132">สพป.เลย เขต 3</option>
<option value="133">สพป.ศรีสะเกษ เขต 1</option>
<option value="134">สพป.ศรีสะเกษ เขต 2</option>
<option value="135">สพป.ศรีสะเกษ เขต 3</option>
<option value="136">สพป.ศรีสะเกษ เขต 4</option>
<option value="137">สพป.สกลนคร เขต 1</option>
<option value="138">สพป.สกลนคร เขต 2</option>
<option value="139">สพป.สกลนคร เขต 3</option>
<option value="140">สพป.สงขลา เขต 1</option>
<option value="141">สพป.สงขลา เขต 2</option>
<option value="142">สพป.สงขลา เขต 3</option>
<option value="143">สพป.สตูล</option>
<option value="144">สพป.สมุทรปราการ เขต 1</option>
<option value="145">สพป.สมุทรปราการ เขต 2</option>
<option value="146">สพป.สมุทรสงคราม</option>
<option value="147">สพป.สมุทรสาคร</option>
<option value="148">สพป.สระแก้ว เขต 1</option>
<option value="149">สพป.สระแก้ว เขต 2</option>
<option value="150">สพป.สระบุรี เขต 1</option>
<option value="151">สพป.สระบุรี เขต 2</option>
<option value="152">สพป.สิงห์บุรี</option>
<option value="153">สพป.สุโขทัย เขต 1</option>
<option value="154">สพป.สุโขทัย เขต 2</option>
<option value="155">สพป.สุพรรณบุรี เขต 1</option>
<option value="156">สพป.สุพรรณบุรี เขต 2</option>
<option value="157">สพป.สุพรรณบุรี เขต 3</option>
<option value="158">สพป.สุราษฎร์ธานี เขต 1</option>
<option value="159">สพป.สุราษฎร์ธานี เขต 2</option>
<option value="160">สพป.สุราษฎร์ธานี เขต 3</option>
<option value="161">สพป.สุรินทร์ เขต 1</option>
<option value="162">สพป.สุรินทร์ เขต 2</option>
<option value="163">สพป.สุรินทร์ เขต 3</option>
<option value="164">สพป.หนองคาย เขต 1</option>
<option value="165">สพป.หนองคาย เขต 2</option>
<option value="166">สพป.หนองบัวลำภู เขต 1</option>
<option value="167">สพป.หนองบัวลำภู เขต 2</option>
<option value="168">สพป.อ่างทอง</option>
<option value="169">สพป.อำนาจเจริญ</option>
<option value="170">สพป.อุดรธานี เขต 1</option>
<option value="171">สพป.อุดรธานี เขต 2</option>
<option value="172">สพป.อุดรธานี เขต 3</option>
<option value="173">สพป.อุดรธานี เขต 4</option>
<option value="174">สพป.อุตรดิตถ์ เขต 1</option>
<option value="175">สพป.อุตรดิตถ์ เขต 2</option>
<option value="176">สพป.อุทัยธานี เขต 1</option>
<option value="177">สพป.อุทัยธานี เขต 2</option>
<option value="178">สพป.อุบลราชธานี เขต 1</option>
<option value="179">สพป.อุบลราชธานี เขต 2</option>
<option value="180">สพป.อุบลราชธานี เขต 3</option>
<option value="181">สพป.อุบลราชธานี เขต 4</option>
</select>
</div>
</div>
<div class="text-center">
<button onclick="searchResult()"
class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-4 px-8 rounded-xl text-lg transition-colors duration-300 shadow-lg">
ค้นหาผลสอบ
</button>
</div>
</div>
<!-- Results Section -->
<div id="resultSection" class="hidden bg-white rounded-2xl shadow-lg p-8 mb-8">
<h3 class="text-2xl font-bold text-gray-800 mb-6 text-center">📋 ผลการค้นหา</h3>
<div id="resultContent"></div>
</div>
<!-- Statistics Section -->
<div class="bg-white rounded-2xl shadow-lg p-8 mb-8">
<h3 class="text-2xl font-bold text-gray-800 mb-6 text-center">👥 จำนวนผู้เข้าชม</h3>
<div class="grid md:grid-cols-4 gap-6">
<div class="text-center bg-gradient-to-br from-amber-100 to-yellow-200 p-6 rounded-xl border-2 border-amber-300 shadow-lg">
<div class="text-3xl font-bold text-amber-800" id="todayVisitors">0</div>
<div class="text-amber-700 font-medium">ผู้เข้าชมวันนี้</div>
</div>
<div class="text-center bg-gradient-to-br from-orange-100 to-amber-200 p-6 rounded-xl border-2 border-orange-300 shadow-lg">
<div class="text-3xl font-bold text-orange-800" id="totalVisitors">0</div>
<div class="text-orange-700 font-medium">ผู้เข้าชมทั้งหมด</div>
</div>
<div class="text-center bg-gradient-to-br from-yellow-100 to-amber-200 p-6 rounded-xl border-2 border-yellow-400 shadow-lg">
<div class="text-3xl font-bold text-yellow-800" id="onlineUsers">1</div>
<div class="text-yellow-700 font-medium">ออนไลน์ขณะนี้</div>
</div>
<div class="text-center bg-gradient-to-br from-amber-200 to-orange-200 p-6 rounded-xl border-2 border-amber-400 shadow-lg">
<div class="text-3xl font-bold text-amber-900" id="searchCount">0</div>
<div class="text-amber-800 font-medium">ค้นหาผลสอบ</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="text-center text-gray-200">
<p class="mb-2">© 2568 SANOOKKID_คณิตศาสตร์</p>
</div>
</div>
<script>
// Real visitor counter system using localStorage
function initializeCounters() {
// Get stored values or initialize to 0
let todayCount = parseInt(localStorage.getItem('todayVisitors') || '0');
let totalCount = parseInt(localStorage.getItem('totalVisitors') || '0');
let searchCount = parseInt(localStorage.getItem('searchCount') || '0');
// Check if it's a new day (reset today counter)
const today = new Date().toDateString();
const lastVisit = localStorage.getItem('lastVisitDate');
if (lastVisit !== today) {
todayCount = 0;
localStorage.setItem('lastVisitDate', today);
}
// Increment counters for this visit
todayCount++;
totalCount++;
// Update localStorage
localStorage.setItem('todayVisitors', todayCount.toString());
localStorage.setItem('totalVisitors', totalCount.toString());
// Update display
document.getElementById('todayVisitors').textContent = todayCount.toLocaleString();
document.getElementById('totalVisitors').textContent = totalCount.toLocaleString();
document.getElementById('searchCount').textContent = searchCount.toLocaleString();
}
function updateOnlineUsers() {
// Simulate online users between 1-50
const onlineElement = document.getElementById('onlineUsers');
let onlineCount = parseInt(onlineElement.textContent);
// Random fluctuation
if (Math.random() > 0.6) {
onlineCount += Math.floor(Math.random() * 6) - 2; // -2 to +3
onlineCount = Math.max(1, Math.min(50, onlineCount)); // Keep between 1-50
onlineElement.textContent = onlineCount.toLocaleString();
}
}
// Initialize counters on page load
window.addEventListener('load', function() {
initializeCounters();
// Update online users every 5-10 seconds
setInterval(updateOnlineUsers, Math.random() * 5000 + 5000);
});
// District links database
const districtLinks = {
'1': 'https://www.facebook.com/krabiedu',
'2': 'https://www.facebook.com/BKKPrimaryOffice',
'3': 'https://www.facebook.com/infokan1',
'4': 'https://www.facebook.com/obeckan2',
'5': 'https://www.facebook.com/kaned3.go.th',
'6': 'https://www.facebook.com/kanchanaburi4',
'7': 'https://www.facebook.com/prkalasinareaone.areaone.3',
'8': 'https://www.facebook.com/kalasin.area.office2',
// Add more links as needed
};
function searchResult() {
const district = document.getElementById('districtSelect').value;
const resultSection = document.getElementById('resultSection');
const resultContent = document.getElementById('resultContent');
if (!district) {
alert('กรุณาเลือกเขตพื้นที่การศึกษา');
return;
}
const districtName = document.getElementById('districtSelect').options[district].text;
const hasLink = districtLinks[district];
if (hasLink) {
// Show link to results
resultContent.innerHTML = `
<div class="border-2 border-blue-500 bg-blue-50 rounded-xl p-8">
<div class="text-center mb-6">
<div class="text-6xl mb-4">📋</div>
<h4 class="text-2xl font-bold text-blue-800 mb-2">
พบผลสอบสำหรับ ${districtName}
</h4>
<div class="text-lg text-blue-700 mb-6">
คลิกลิงค์ด้านล่างเพื่อดูลิงค์ประกาศผลสอบ
</div>
</div>
<div class="bg-white p-6 rounded-lg text-center">
<div class="mb-4">
<svg class="w-16 h-16 mx-auto text-green-500 mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<h5 class="text-xl font-bold text-gray-800 mb-2">ลิงค์ประกาศผลสอบพร้อมแล้ว!</h5>
<p class="text-gray-600 mb-4">ลิงค์ประกาศผลสอบครูผู้ช่วยสำหรับ ${districtName}</p>
</div>
<a href="${hasLink}"
target="_blank"
class="inline-flex items-center bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-xl text-lg transition-colors duration-300 shadow-lg">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
</svg>
ดูลิงค์ประกาศผลสอบ
</a>
<div class="mt-4 text-sm text-gray-500">
<p>🔗 ลิงค์จะเปิดในหน้าต่างใหม่</p>
</div>
</div>
<div class="mt-6 p-4 bg-yellow-50 rounded-lg">
<h5 class="font-bold text-yellow-800 mb-2">📌 หมายเหตุ</h5>
<ul class="text-yellow-700 space-y-1 text-sm">
<li>• ตรวจสอบเลขประจำตัวผู้สมัครให้ถูกต้อง</li>
<li>• หากมีปัญหาการเข้าถึง กรุณาติดต่อเขตพื้นที่การศึกษา</li>
<li>• เก็บหลักฐานผลสอบไว้เป็นหลักฐาน</li>
</ul>
</div>
</div>
`;
} else {
// Show "not available yet" message
resultContent.innerHTML = `
<div class="border-2 border-gray-400 bg-gray-50 rounded-xl p-8">
<div class="text-center mb-6">
<div class="text-6xl mb-4">⏳</div>
<h4 class="text-2xl font-bold text-gray-700 mb-2">
ยังไม่แสดงผลสอบ
</h4>
<div class="text-lg text-gray-600 mb-6">
ลิงค์ประกาศผลสอบสำหรับ ${districtName} ยังไม่พร้อม
</div>
</div>
<div class="bg-white p-6 rounded-lg text-center">
<div class="mb-4">
<svg class="w-16 h-16 mx-auto text-gray-400 mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<h5 class="text-xl font-bold text-gray-700 mb-2">กำลังเตรียมลิงค์ประกาศผลสอบ</h5>
<p class="text-gray-500 mb-4">ลิงค์ประกาศผลสอบสำหรับ ${districtName} อยู่ระหว่างการจัดเตรียม</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="text-blue-700 font-medium">📅 คาดว่าจะประกาศภายในสัปดาห์นี้</p>
</div>
</div>
<div class="mt-6 p-4 bg-blue-50 rounded-lg">
<h5 class="font-bold text-blue-800 mb-2">💡 คำแนะนำ</h5>
<ul class="text-blue-700 space-y-1 text-sm">
<li>• กลับมาตรวจสอบอีกครั้งในภายหลัง</li>
<li>• ติดตามข่าวสารจากเขตพื้นที่การศึกษา</li>
<li>• เตรียมเอกสารสำหรับขั้นตอนต่อไป</li>
<li>• สามารถติดต่อสอบถามได้ที่เขตพื้นที่การศึกษาโดยตรง</li>
</ul>
</div>
<div class="mt-4 text-center">
<button onclick="searchResult()"
class="bg-gray-500 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg text-sm transition-colors duration-300">
🔄 ตรวจสอบอีกครั้ง
</button>
</div>
</div>
`;
}
resultSection.classList.remove('hidden');
resultSection.scrollIntoView({ behavior: 'smooth' });
// Increment search count and save to localStorage
let searchCount = parseInt(localStorage.getItem('searchCount') || '0') + 1;
localStorage.setItem('searchCount', searchCount.toString());
document.getElementById('searchCount').textContent = searchCount.toLocaleString();
}
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9719fb42817537db',t:'MTc1NTYwOTk3NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>