Səhifələr yaratarkən bəzən səhifədə yerləşdirilən düyməni vuranda brauzerdə müəllif tərəfindən proqramlaşdırılan bəzi hadisələrin baş verməsi zəruridir. Bunu etmək üçün, yaradılan sənədə JavaScript kodunu qoyub lazımi düyməyə bağlamalısınız. Nəzərdə tutulan hadisəni həyata keçirmək üçün tələb olunan kodun miqdarından asılı olaraq düyməni kodla birləşdirmək üçün müxtəlif yollardan istifadə edə bilərsiniz.
Təlimat
Addım 1
Çox vaxt JavaScript kod zəngləri onclick hadisəsinə, yəni sol siçan düyməsini vurmağa bağlıdır. Baş verməli olan hərəkəti təsvir etmək üçün bir çox koda ehtiyacınız yoxdursa, hamısı birbaşa düymə etiketinə yerləşdirilə bilər. Məsələn, bir düyməni basdıqda brauzerin sadə bir mesajı göstərməsini proqramlaşdırmaq üçün JavaScript skripti belə görünür: alert ('Kod işlədi!') Yalnız bir cümlə və mətn tələb olunur. Bütün bunlar düymə etiketinin onclick hadisə təsvirində asanlıqla yerləşdirilə bilər. Bu vəziyyətdə, səhifənin ən sadə HTML kodu belə görünə bilər:
Kodlu düymə
Kodlu düymə
Addım 2
Daha mürəkkəb JavaScript kodunu birbaşa düymə etiketinə yerləşdirmək praktik deyil. Ondan ayrı bir funksiya yaratmaq və çağırışını onclick hadisəsinə qoymaq daha asandır. Məsələn, bu bir düyməni vurma vaxtını əks etdirən bir pəncərəni göstərən bir funksiyaya bənzəyir: function getTime () {
var now = yeni tarix ();
alert ("Kod işlədi" + now.getHours () + ":" + now.getMinutes ());
} Səhifənin başlığına (və etiketlər arasında) yerləşdirilməlidir. Düyməyə bağlı olan bu funksiyaya zəng ilə səhifənin tam kodu belə görünə bilər:
İşlev zəng düyməsi
funksiyası getTime () {
var now = yeni tarix ();
alert ("Kod işlədi" + now.getHours () + ":" + now.getMinutes ());
}
İşlev zəng düyməsi
Addım 3
Eyni metod bir neçə fərqli düyməni basarkən eyni JavaScript kodu ilə təsvir edilə bilən bir hadisəni qaldırmalıdır. Məsələn, mesaj qutusuna basılmış düymənin şəxsiyyətini əlavə etmək üçün əvvəlki funksiyanı bir qədər dəyişdirə bilərsiniz: function getTime (btnString) {
var now = yeni tarix ();
uyarı (btnString + " + now.getHours () + "düyməsinə tıklandı:" + now.getMinutes ());
} Üç düyməyə sahib bir səhifə üçün tam kod belə görünə bilər:
Bir funksiya çağırışı olan üç düymə
getTime funksiyası (btnString) {
var now = yeni tarix ();
uyarı (btnString + "+ now.getHours () +" düyməsinə tıklandı: "+ now.getMinutes ());
}
İlk düymə
İkinci düymə
Üçüncü düymə
