Батырма тәгінің ішкі тәгі арқылы берілген. value атрибуты батырма бетіндегі жазуды береді, ал type атрибуты енгізу өрісінің типін сипаттайды. Браузер батырманы шерткенде, оған жауап бере ме? Әрине, ол экранда батырманы басқанды көрсетеді, бірақ басқа ешнәрсе істемейді.
onclick атрибуты браузерге батырма басылғанда не істеу керек екендігін білдіріп тұр. Атрибут мәні ретінде ұзын сөз жазу қажет емес, сондықтан көбінесе былай программаланады.
1. Батырмадағы сөзді өзгертіп «Күнтізбе» орнына басқа мәтін жазыңдар.
2. Fun функциясы кодын басқаға, мысалы, мынаған өзгертіңдер:
var sum = 0;
for (var i = 100; i; i --) sum += i;
alert("Қосынды 1 + 2 + ... + 100 = " + sum);
3. Өз функцияларыңды жазып шығыңдар. Мысалы, бір сан енгізіп оның квадратын немесе кубын табыңдар.
Сонымен, JavaScript HTML-кодтарында оқиғаларды өңдейтін программалар жазуға мүмкіндік береді де, оны интерактивті бет етуге, яғни тұтынушы әрекетіне жауап беретіндей күйге келтіре алады.
Тәгтегі onclick түйінді сөзі - «оқиғалық» атрибуттың аты, алдына «on» сөзі қойылып жазылады. Мұндай атрибут мәні скриптік код болып табылады. Егер оқиға орындалса, онда атрибут аты арқылы кодталған скрипт іске қосылады. Onclick атрибуты «экрандағы белгілі нүктені тышқанмен шерткенде» орындалатын оқиғаны өңдеуді жүзеге асырады .
Мысалы: Қабырғасының ұзындығы берілген жағдайда квадраттың ауданын анықтау программасын жазайық. Ауданның мәні қабырғаның мәні өзгерген сәтте есептелуі тиіс. Екі мәтіндік өріс енгізілген форма құрайық: оның бірі квадраттың қабырғасының мәнін енгізу, ал екіншісі аудан мәнін есептелген мәнін шығару үшін қажет. Жаңарту батырмасы форма өрістерін тазалайды. Квадрат ауданы change оқиғасы туындыған мезетте, формадағы numl деген элемент мәні өзгергенде және элемент фокусын жоғалтқанда есептеледі.
№11 тапсырма (зертханалық жұмыс)