السلام علكم ورحمه الله
استعملت كود شبيه بهذا الى بالاسفل حيث تظهر النتائج ضمن الحقل result
وكررت الكود اربع مرات بحيث اصبح عندي اربع مجموعات من الناتج result
result1 .result2 .result3. result4
والان اريد ان اجمع مجموع الاربع نتائج في حقل منفرد
مثال :
1+5=6
5+5+6+2=18
3+8+1=12
5+5+12=22
6+18+12+22=58
المهم عندي كيف اجمع النتائج باللون الاحمر ليظهر الناتج النهائي الى باللون الاخضر
فكيف افعل ذلك ؟؟
كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello!</title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function sum()
{
var a1 = document.getElementById('a1').value;
var a2 = document.getElementById('a2').value;
var a3 = document.getElementById('a3').value;
var a4 = document.getElementById('a4').value;
var a5 = document.getElementById('a5').value;
document.getElementById('result').value = Number(a1) + Number(a2) + Number(a3) + Number(a4) + Number(a5);
}
/*]]>*/
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<input id="a1" type="text" onkeyup="sum()" />
<br />
<input id="a2" type="text" onkeyup="sum()" />
<br />
<input id="a3" type="text" onkeyup="sum()" />
<br />
<input id="a4" type="text" onkeyup="sum()" />
<br />
<input id="a5" type="text" onkeyup="sum()" />
<br /> <br />
result
<br />
<input id="result" type="text" disabled="disabled" readonly="readonly" />
</body>
</html>