ระบบคำนวณสิทธิ์ร่วมจ่าย 60/40

HTML

<script src="https://cdn.tailwindcss.com"></script>

          <div class="bg-white rounded-2xl shadow-xl w-full max-w-md p-6 border border-slate-200">
              <h1 class="text-2xl font-bold text-center text-slate-800 mb-6">
                    🧮 เครื่องคิดเลข 60/40
                        </h1>

                            <div class="space-y-4">
                                  <div>
                                          <label class="block text-sm font-semibold text-slate-700 mb-1">สิทธิ์รัฐที่เหลืออยู่ (บาท) [ส]</label>
                                                  <input type="number" id="govQuota" placeholder="เช่น 50" class="w-full p-3 border rounded-lg focus:ring-2 focus:ring-blue-500 border-slate-300">
                                                        </div>

                                                              <div>
                                                                      <label class="block text-sm font-semibold text-slate-700 mb-1">เงินในบัญชีที่มีอยู่ (บาท) [ง]</label>
                                                                              <input type="number" id="myMoney" placeholder="เช่น 200" class="w-full p-3 border rounded-lg focus:ring-2 focus:ring-blue-500 border-slate-300">
                                                                                    </div>

                                                                                          <div>
                                                                                                  <label class="block text-sm font-semibold text-slate-700 mb-1">ราคาสินค้าที่ต้องการซื้อ (บาท) [ซ] (เว้นไว้ได้)</label>
                                                                                                          <input type="number" id="itemPrice" placeholder="ระบุราคาสินค้าถ้ามี" class="w-full p-3 border rounded-lg focus:ring-2 focus:ring-blue-500 border-slate-300">
                                             ...

JavaScript

function calculate() {
                                                                                                                                                                                                                        const gov = parseFloat(document.getElementById('govQuota').value) || 0;
                                                                                                                                                                                                                              const money = parseFloat(document.getElementById('myMoney').value) || 0;
                                                                                                                                                                                                                                    const priceInput = document.getElementById('itemPrice').value;
                                                                                                                                                                                                                                          const price = priceInput !== '' ? parseFloat(priceInput) : null;
                                                                                                                                                                                                                                                const isModeA = document.getElementById('modeA').checked;

                                                                                                                                                                                                                                                      const resultBox = document.getElementById('resultBox');
                                                                                                                                                                                                ...