ลงนามถวายพระพร

<h1>ลงนามถวายพระพร</h1>
<form id="signatureForm">
    <label for="name">ชื่อ:</label>
    <input type="text" id="name" name="name" required>

    <label for="message">ข้อความถวายพระพร:</label>
    <textarea id="message" name="message" rows="4" required></textarea>

    <button type="submit">ลงนาม</button>
</form>

<script>
    document.getElementById('signatureForm').addEventListener('submit', function(event) {
        event.preventDefault(); // ป้องกันไม่ให้ฟอร์มส่งข้อมูลแบบปกติ

        const name = document.getElementById('name').value;
        const message = document.getElementById('message').value;

        // นำข้อมูลไปใช้ต่อ เช่น ส่งไปยังเซิร์ฟเวอร์
        console.log('ชื่อ:', name);
        console.log('ข้อความถวายพระพร:', message);

        alert('ขอบคุณสำหรับการลงนามถวายพระพร');
        // รีเซ็ตฟอร์มหลังการส่ง
        document.getElementById('signatureForm').reset();
    });
</script>