مطلوب عمل معادلة حسابية باستخدام الجافا سكربت !

[KAD]

خواني مطلوب منكم مساعدة بسيطة يرجى عمل نموذج بالشكل التالي اما
جافا سكربت او PHP لكن يفضل جافا سكربت بحيث تطلع النتيجة برسالة تنبيه منبثقة بدل
النقل لصفحة جديدة كل مرة

المطلوب هو المعادلة التالية :



بحيث يوجد مكان لكتابة النسبة وهي X كما هو موضح بالرسم وهذه النسبة تكون مثلاً 40%

ويوجد خانتان منفصلتان يتم اضافة عددين مختلفين اليهما لجمعهما مثلاً 50+40 ( a+b )

واخيراً عند الضغط على Calculate يقوم بالعملية التالية : a+b*x/100%
اي اولا يجمع a و b ومن ثم يقوم بضرهم بالنسبة ومن ثم يقسم الناتج على 100% اي بهذه الطريقة
نقوم بانتاج نسبة a+b من 40%

يرجى من حضرتكم مساعدتي بعمله ويفضل استخدام الجافا سكرب بحيث يكون الحصول على الجواب بشكل سهل ومباشر بعيداً عن الانتقال لصفحة اخرى


وتقبلوا فائق الاحترام .

[Zizwar]

الكود كما طلبت هو

<script type="text/javascript">

var msg = "Result = "
calc = function(x,a,b,wino){

wino.innerHTML = msg + (((Math.round(a.value) + Math.round(b.value)) * Math.round(x.value)) / 100);

}

</script>


<form method="post">
    <div style="text-align: center;">
        <input id="x" name="Text1" type="text" /> %<br />
        <input id="a" name="Text2" type="text" />&nbsp; +&nbsp;
        <input id="b" name="Text3" type="text" /><br />
        <input  type="button" value="Calculat" onclick="calc(x,a,b,wino)"/><br />
        <br />
         <a id="wino"></a></div>
</form> 

تجربة المثال
http://wino.ws/javascript/s/calcPercent.htm

[KAD]

الف شكر اخي ززوار ما تقصر شغال 100% لكن ركبت عليه تصميم خفيف واجهتني مشكلة ان النتيجة لم تعد تظهر ممكن تعرف لي السبب

Calculator

والف شكر لك

[محمد الثقفي]

تأكد من وجود

id="wino"

الـ id يجب ان تكون موجوده في مكان اظهار القيمه

[KAD]

فعلاً موجود لكن ما زالت هناك مشكلة

[Zizwar]

بارك الله فيك اخي محمد على المساعدة، الكود الذي ادرجت انا غير قياسي، لذالك قد عوضته بهذا المعتمد على تقنية dom القياسية
أخ kad غير الكود كلية الى

<script type="text/javascript">
var msg = "Result = "
calc = function(){

var a = document.getElementById("a")
var b = document.getElementById("b")
var x = document.getElementById("x")
var wino = document.getElementById("wino")


wino.innerHTML = msg + (((Math.round(a.value) + Math.round(b.value)) * Math.round(x.value)) / 100);

}

</script>


<form method="post">
    <div style="text-align: center;">
        <input id="x" name="Text1" type="text" /> %<br />
        <input id="a" name="Text2" type="text" />&nbsp; +&nbsp;
        <input id="b" name="Text3" type="text" /><br />
        <input  type="button" value="Calculat" onclick="calc()"/><br />
        <br />
         <a id="wino"></a></div>
</form>