Java Script භාවිත කර වෙබ් බ්‍රවුසරයක්
හරහා ක්‍රියාත්මක ෙන මාර්ග ගත
ප්‍රශ්නාෙලියක් තනමු
මහ ේෂ් හ ොඩිතුවක්කු
රූපහේ දැක්හවන ආ ාරහේ
මාර්ගගත ප්‍රශ්නාවලියක්
නිර්මාණය හ ොට එහි ලබා
දුන් නිවැරදි පිළිතුරු ගණන
අනුව ලකුණු ලබා හදන්හන්
හ හ ේ දැයි බලමු.හේ ඳ ා
ජාො ස්ක්‍රිප්ට් එ ක් භාවිත
ළ ැකි අතර එය ලිවිය ැකි
ආ ාර ද ගණනාවක් ම
තිහබනවා. එහ ත් මම හමහි දී
තා කිරීමට බලාහපොහරොත්තු
වන්හන් ඉතාමත් රල වගන්ති
කිහිපයක් භාවිත හ ොට හමම
ාර්යය ඉතා ප සුහවන් ර
ගත ැකි ආ ාරය පිළිබඳවයි.
<body>
<form name="form1" id="form1" method="post" action="">
<h3>What is the Capital of Sri lanka?</h3>
<input name="qs1" type="radio" id="qs1">Kandy<br/>
<input name="qs1" type="radio" id="qs1">Colombo<br/>
<input name="qs1" type="radio" id="q1">Sri Jayawardanapura
Kotte<br/>
මුලින්ම ප ත පරිදි හනෝට්පෑඩ් මෘදු ාාංගය හ ෝ රල පාඨ ාං ් රණ
මෘදු ාාංගයක් භාවිත හ ොට ඔබට අවශය ප්‍රශ්න කිහිපය ා ගන්න.
හමහි දී මම id එ අනුව නිවැරදි පිළිතුර ලබා ගන්නා නි ා නිවැරදි පිළිතුර
අයත් id එ ට පිළිහවලින් පළමුවන ප්‍රශ්නය ඳ ා q1 හල ද හදවන
ප්‍රශ්නය ට q2 හල ද යනා දී වශහයන් ලබා දී තිහබනවා. ප සුව ඳ ා
ප්‍රශ්න 3 ක් තනා හගන ඇති අතර හමහි දැක්හවන්හන් එහල තැනූ
පළමුවන ප්‍රශ්නයයි.
<input type="button" name="submit" Value="Submit"
onClick="calculatem()" type="submit">
<input type="reset" >
</form>
හමහි onClick="calculatem()“ මගින් Button එ Submit ළ විට
ෆන්ෂන් එ ක් ක්‍රියාත්ම කිරීමට අදාල ව අදාල ෆන්ෂන් එහ හි නම
ලියා තිහබනවා.
ප්‍රශ්න වල අව ානහේ හෆෝේ එ අව න් කිරීමට පළමුව මම හබොත්තේ
හද ක් නිර්මාණය ර ඇති අතර එ කින් නිවැරදි පිළිතුරු පයා ලකුණු
ගණන හ වීමට Submit කිරීමට ද අහනකින් අවශය නේ නැවත reset
කිරීම ද ළ ැකියි.
<script language="javaScript">
function calculatem()
{
var marks=0;
for (i=1; i<=3; i++){
if (document.getElementById("q"+i) .checked)
{
marks++;
}
}
alert ("Your Marks is "+ marks);
}
</script>
හමහි onClick="calculatem()“ මගින් Submit ළ විට ක්‍රියාත්ම වන
ෆන්ෂන් ලියන්හන් හවබ් පිටුහවහි <head></head>අතර වන අතර අපි
හමම ෆන්ෂන් එ පියවර වශහයන් ඳුනා ගනිමු.
<script language="javaScript">ජාො ස්ක්‍රිප්ට් එවකහි ආරම්භය
function calculatem() ෆන්ෂන් එක සඳහා ලබා දුන් නම
{
var marks=0; marksනමින් සකසන ලද විචලයය එය ආරම්භවේ දී
0 ට සමාන කර ඇත.
for (i=1; i<=3; i++){forලූප් එකක් මගින් එකින් එක බැගින් ප්‍රශ්න
ගණනට සමාන ලූප් එකක් ක්‍රියාත්මක කිරීම
if (document.getElementById("q"+i) .checked)
{id එකඅනුෙ ලබා ගත් ලකුණු ගණන ගණනය කිරීම
marks++;
}
}
alert ("Your Marks is "+ marks);ලකුණු ගණන දර්ශනය
}
</script>
Javascript සිංහලෙන්

Javascript සිංහලෙන්

  • 1.
    Java Script භාවිතකර වෙබ් බ්‍රවුසරයක් හරහා ක්‍රියාත්මක ෙන මාර්ග ගත ප්‍රශ්නාෙලියක් තනමු මහ ේෂ් හ ොඩිතුවක්කු
  • 2.
    රූපහේ දැක්හවන ආාරහේ මාර්ගගත ප්‍රශ්නාවලියක් නිර්මාණය හ ොට එහි ලබා දුන් නිවැරදි පිළිතුරු ගණන අනුව ලකුණු ලබා හදන්හන් හ හ ේ දැයි බලමු.හේ ඳ ා ජාො ස්ක්‍රිප්ට් එ ක් භාවිත ළ ැකි අතර එය ලිවිය ැකි ආ ාර ද ගණනාවක් ම තිහබනවා. එහ ත් මම හමහි දී තා කිරීමට බලාහපොහරොත්තු වන්හන් ඉතාමත් රල වගන්ති කිහිපයක් භාවිත හ ොට හමම ාර්යය ඉතා ප සුහවන් ර ගත ැකි ආ ාරය පිළිබඳවයි.
  • 3.
    <body> <form name="form1" id="form1"method="post" action=""> <h3>What is the Capital of Sri lanka?</h3> <input name="qs1" type="radio" id="qs1">Kandy<br/> <input name="qs1" type="radio" id="qs1">Colombo<br/> <input name="qs1" type="radio" id="q1">Sri Jayawardanapura Kotte<br/> මුලින්ම ප ත පරිදි හනෝට්පෑඩ් මෘදු ාාංගය හ ෝ රල පාඨ ාං ් රණ මෘදු ාාංගයක් භාවිත හ ොට ඔබට අවශය ප්‍රශ්න කිහිපය ා ගන්න. හමහි දී මම id එ අනුව නිවැරදි පිළිතුර ලබා ගන්නා නි ා නිවැරදි පිළිතුර අයත් id එ ට පිළිහවලින් පළමුවන ප්‍රශ්නය ඳ ා q1 හල ද හදවන ප්‍රශ්නය ට q2 හල ද යනා දී වශහයන් ලබා දී තිහබනවා. ප සුව ඳ ා ප්‍රශ්න 3 ක් තනා හගන ඇති අතර හමහි දැක්හවන්හන් එහල තැනූ පළමුවන ප්‍රශ්නයයි.
  • 4.
    <input type="button" name="submit"Value="Submit" onClick="calculatem()" type="submit"> <input type="reset" > </form> හමහි onClick="calculatem()“ මගින් Button එ Submit ළ විට ෆන්ෂන් එ ක් ක්‍රියාත්ම කිරීමට අදාල ව අදාල ෆන්ෂන් එහ හි නම ලියා තිහබනවා. ප්‍රශ්න වල අව ානහේ හෆෝේ එ අව න් කිරීමට පළමුව මම හබොත්තේ හද ක් නිර්මාණය ර ඇති අතර එ කින් නිවැරදි පිළිතුරු පයා ලකුණු ගණන හ වීමට Submit කිරීමට ද අහනකින් අවශය නේ නැවත reset කිරීම ද ළ ැකියි.
  • 5.
    <script language="javaScript"> function calculatem() { varmarks=0; for (i=1; i<=3; i++){ if (document.getElementById("q"+i) .checked) { marks++; } } alert ("Your Marks is "+ marks); } </script> හමහි onClick="calculatem()“ මගින් Submit ළ විට ක්‍රියාත්ම වන ෆන්ෂන් ලියන්හන් හවබ් පිටුහවහි <head></head>අතර වන අතර අපි හමම ෆන්ෂන් එ පියවර වශහයන් ඳුනා ගනිමු.
  • 6.
    <script language="javaScript">ජාො ස්ක්‍රිප්ට්එවකහි ආරම්භය function calculatem() ෆන්ෂන් එක සඳහා ලබා දුන් නම { var marks=0; marksනමින් සකසන ලද විචලයය එය ආරම්භවේ දී 0 ට සමාන කර ඇත. for (i=1; i<=3; i++){forලූප් එකක් මගින් එකින් එක බැගින් ප්‍රශ්න ගණනට සමාන ලූප් එකක් ක්‍රියාත්මක කිරීම if (document.getElementById("q"+i) .checked) {id එකඅනුෙ ලබා ගත් ලකුණු ගණන ගණනය කිරීම marks++; } } alert ("Your Marks is "+ marks);ලකුණු ගණන දර්ශනය } </script>