كيفية انشاء عملية حسابية بسيطه php & Jquery

السلام عليكم ورحمة الله وبركاته .

لدي 3 حقول text

الحقل الأول: كتابة المبلغ الإجمالي

الحقل الثاني : كتابة النسبه المئوية

الحقل الثالث: ظهور المبلغ بعد إجراء العملية الحسابية .

المطلوب:

إجراء عملية حسابية على أن يتم كتابة المبلغ الإجمالي في الحقل الأول وكتابة النسبة المئوية في الحقل الثاني

مثال : 1000 × 10%

على أن يتم طباعة 1000 في الحقل الأول و 10 في الحقل الثاني

والنتيجة تظهر بشكل مباشر في الحقل الثالث بواسطة Jquery بدون تحديث الصفحة أو الضغط على أي زر

ارجو الإفادة

اخي الكريم الله يعطيك الصحة والعافية

باذن الله اجرب وارد لك خبر بالنتيجة.. شاكر لك

عفوا هذا واجبي اخي

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        function showamount() {
            $(document).ready(function() {
                var total = $("#total").val();
                var present = $("#present").val()/100;
                var amount = $("#amount");
                $(amount).html(total*present)
            });
        }
    </script>
    <input id="total" type="number" placeholder="المبلغ الإجمالي" onkeyup="showamount()">
    <input id="present" type="number" placeholder="النسبه المئوية" onkeyup="showamount()">
    <span id="amount"></span>