Беттерді жасау кезінде кейде параққа орналастырылған батырманы басқан кезде шолушыда автор бағдарламалаған қандай да бір оқиға болуы қажет. Ол үшін сіз JavaScript кодын жасалған құжатқа орналастырып, оны қажетті батырмаға байлап қоюыңыз керек. Жоспарланған оқиғаны жүзеге асыру үшін қажет болатын кодтың мөлшеріне байланысты батырманы кодқа қосудың әр түрлі тәсілдерін қолдануға болады.
Нұсқаулық
1-қадам
Көбінесе JavaScript кодтық қоңыраулар onclick оқиғасымен, яғни тінтуірдің сол жақ батырмасын басумен байланысты. Егер сізге болуы керек әрекетті сипаттау үшін сізге көп код қажет болмаса, онда оның барлығын тікелей батырма тегіне орналастыруға болады. Мысалы, батырманы басқан кезде қарапайым хабарламаны көрсететін браузерді бағдарламалау үшін JavaScript сценарийі келесідей болады: ескерту ('Код жұмыс істеді!') Ол тек бір сөйлем мен мәтінді алады. Осының бәрін батырма тегінің onclick оқиға сипаттамасына оңай орналастыруға болады. Бұл жағдайда парақтың қарапайым HTML коды келесідей болуы мүмкін:
Код бар батырма
Код бар батырма
2-қадам
Күрделірек JavaScript кодын батырма тегіне тікелей орналастыру практикалық емес. Одан бөлек функция жасап, қоңырауды onclick оқиғасына қою оңайырақ. Мысалы, бұл батырманы басу уақытын қамтитын терезені көрсететін функция сияқты көрінуі мүмкін: function getTime () {
var now = жаңа күн ();
alert («Код жұмыс істеді» + now.getHours () + «:» + now.getMinutes ());
} Оны парақтың тақырыбына орналастыру керек (және тегтер арасында). Түймені байланыстырған парақтың толық коды келесідей болуы мүмкін:
Функцияны шақыру түймесі
getTime () функциясы {
var now = жаңа күн ();
alert («Код жұмыс істеді» + now.getHours () + «:» + now.getMinutes ());
}
Функцияны шақыру түймесі
3-қадам
Бірнеше түрлі батырмаларды басқан кезде бірдей әдісті бірдей JavaScript кодымен сипаттауға болатын оқиға туғызуы керек. Мысалы, хабарлама өрісіне басылған батырманың идентификациясын қосу үшін алдыңғы функцияны сәл өзгерте аласыз: function getTime (btnString) {
var now = жаңа күн ();
ескерту (btnString + «» + now.getHours () + «басылған:» + now.getMinutes ());
} Үш батырмасы бар парақтың толық коды келесідей болуы мүмкін:
Функционалды қоңырау бар үш түйме
getTime функциясы (btnString) {
var now = жаңа күн ();
ескерту (btnString + «» + now.getHours () + «басылған:» + now.getMinutes ());
}
Бірінші батырма
Екінші батырма
Үшінші батырма
