محاسبه درصد تخفيف در صفحه html‌ بكمك جاوا اسكريپت [بایگانی]

rezaee2

چهارشنبه 04 آبان 1390, 08:24 صبح

سلام به دوستان عزيز
درخواستي داشتم

ميخواستم اگه كسي از دوستان كدهايي كه براي اين كار نياز هست رو برام توي صفحه اچ تي ام ال بنويسه بزاره اينجا يا حتي فقط كدهاشو بگه.. ممنون ميشم

من توي يه صفحه به سه تكس باكس نياز دارم
كه داخل اولي درصد تخفيف وارد ميشه
داخل دومي مبلغ كل
و داخل سومي مبلغ بعد از محاسبه تخفيف

خب قاعدتا يه دكمه هم نيازه كه وقتي مبلغ تخفيف و مبلغ كل وارد شد روي اون كليك بشه تا مبلغ بعد از انجام تخفيف ريخته بشه توي تكس باكس سومي...

حالا بعدا بايد روي باكس سومي كار بشه كه مبلغ رو براي سايت خاصي ارسال ميكنه كه جزء سوالم نيست و اون بخش انجام شده...

يه سوال كوچيك هم كنار اين سوال: اگه آموزش ويدئويي خوبي براي يادگيري جاوااسكريپت ميدونيد بم معرفي كنين.. چه فارسي و چه انگليسي فرقي نداره...
خيلي ممنون

knoxwille.62

شنبه 17 دی 1390, 11:26 صبح

<html>

<head>

<title></title>

</head>

<body>
<table>

<tr class="fieldArea" id="customfield_1FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_1">
1:
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_1"
id="customfield_1"
value=""
/>

</td>
</tr>

<tr class="fieldArea" id="customfield_2FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_2">
2:
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_2"
id="customfield_2"
value=""
/>

</td>
</tr>

<tr class="fieldArea" id="customfield_3FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_3">
Sum:
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_3"
id="customfield_3"
value=""
/>

</td>
</tr>

<tr class="fieldArea" id="customfield_4FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_4">
Value -:
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_4"
id="customfield_4"
value=""
/>

</td>
</tr>

<tr class="fieldArea" id="customfield_5FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_5">
Result -:
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_5"
id="customfield_5"
value=""
/>

</td>
</tr>

<tr class="fieldArea" id="customfield_6FieldArea">

<td class="fieldLabelArea" >
<label for="customfield_6">
Result :
</label>
</td>
<td class="fieldValueArea">

<input type="text"
name="customfield_6"
id="customfield_6"
value=""
/>

</td>
</tr>

<script type="text/javascript">
function sum()
{
ms=Math.round(Number(item1.value)+Number(item2.val ue));
return ms;
}

item1 = document.getElementById('customfield_1');
item2 = document.getElementById('customfield_2');

total = document.getElementById('customfield_3');

item1.onchange=function() { total.value=sum() }
item2.onchange=function() { total.value=sum() }

total.onchange=function() { total.value=sum() }

function discount()
{
//var discount = new Array(2)
discount=Math.round(Number(total.value)-(Number(total.value)*Number(item10.value)*0.01));
//discount[1]=Math.round(Number(total.value)*Number(item10.valu e)*0.01);
return discount ;

}

item10 = document.getElementById('customfield_4');
item11 = document.getElementById('customfield_5');
//item12 = document.getElementById('customfield_6');

item10.onchange=function() { item11.value=discount() }
item11.onchange=function() { item11.value=discount() }
//item12.onchange=function() { item11.value=discount() }

//---------------------------------------------------------
//---------------------------------------------------------

</script>

</table>

</body>

</html>