Html İle Basit Kargo Sorgulama Alanı Oluşturma

[Kerem]

E ticaret sitesi için hazırladığım aşağıda ki kodu istediğiniz sayfada kullanabilirsiniz. Wordpress te kullandım ve sorunsuz çalışıyor. Kodu istediğiniz gibi güncelleyip kullanabilirsiniz. Kullanacak olanlar bir teşekkür etse yeter.

  <label for="takipKodu">Takip Kodu:</label>
    <input type="text" id="takipKodu" name="takipKodu" placeholder="Takip kodunu girin">

    <label for="kargoFirmasi">Kargo Firması:</label>
    <select id="kargoFirmasi" name="kargoFirmasi">
        <option value="ptt">PTT</option>
        <option value="mng">MNG</option>
        <option value="yurtici">Yurtiçi Kargo</option>
    </select>

    <button onclick="sorgula()">Sorgula</button>

    <script>
        function sorgula() {
            var takipKodu = document.getElementById("takipKodu").value;
            var kargoFirmasi = document.getElementById("kargoFirmasi").value;

            // Kargo firmasına göre doğru takip sayfasına yönlendirme işlemini gerçekleştirin
            switch (kargoFirmasi) {
                case "ptt":
                    window.location.href = "https://gonderitakip.ptt.gov.tr/Track/Verify?q=" + takipKodu;
                    break;
                case "mng":
                    window.location.href = "https://kargotakip.mngkargo.com.tr/?takipNo=" + takipKodu;
                    break;
                case "yurtici":
                    window.location.href = "https://www.yurticikargo.com/tr/online-servisler/gonderi-sorgula?code=" + takipKodu;
                    break;
                default:
                    alert("Geçersiz kargo firması seçimi");
            }
        }
    </script>

 

[cakal]

Teşekkür ederim @Kerem hocam elinize sağlık .