JavaScript භාවිතයෙන් පෝරමයක් යැවීම
JavaScript භාවිතයෙන් පෝරමයක් බලහත්කාරයෙන් යැවිය හැකිය. එය කරන්නේ කෙසේදැයි අපි බලමු. අප සතුව පෝරමයක් සහ යම් බොත්තමක් ඇති බවට සිතමු, එහි ක්ලික් කිරීමෙන් අපි පෝරමය යැවීමට අවශ්ය වේ:
public/form.html<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>යවන්න</button>
අපගේ අංග විචල්යයන් ලෙස ලබා ගනිමු:
public/script.jslet form = document.querySelector('form');
let button = document.querySelector('button');
බොත්තම මත ක්ලික් කිරීමේ සැකසුමක් එක් කරමු:
public/script.jsbutton.addEventListener('click', function(event) {
});
බොත්තම මත ක්ලික් කිරීමේදී, submit ක්රමය හරහා පෝරමය යැවීම සිදු කරමු:
public/script.jsbutton.addEventListener('click', function(event) {
form.submit();
});
Задание 1
ආදාන තුනක් සහිත පෝරමයක් ලබා දී ඇත. සබැඳියක් සාදන්න, එය මත ක්ලික් කිරීමෙන් මෙම පෝරමය යැවීම සිදුවේ.