Баракчаларды түзүүдө кээде беттеги жайгаштырылган баскычты басканда, браузерде автор тарабынан программаланган кандайдыр бир окуя болушу керек. Ал үчүн, түзүлгөн документте JavaScript кодун жайгаштырып, керектүү баскычка байлашыңыз керек. Белгиленген окуяны ишке ашыруу үчүн талап кылынган коддун көлөмүнө жараша, баскычты кодго туташтыруунун ар кандай жолдорун колдонсоңуз болот.
Нускамалар
1 кадам
Көбүнчө, JavaScript код чалуулары onclick окуясына, башкача айтканда, чычкандын сол баскычын чыкылдатууга байланыштуу болот. Эгер сиз боло турган иш-аракетти сүрөттөө үчүн көп код талап кылбасаңыз, анда анын бардыгын түз эле баскыч тегине жайгаштырсаңыз болот. Мисалы, баскычты басканда жөнөкөй билдирүүнү көрсөтүү үчүн браузерди программалоо үчүн, JavaScript сценарийи мындай болот: alert ('Код иштеди!') Бир гана билдирүү жана текст талап кылынат. Мунун баары оңой баскыч тегинин onclick окуясынын сүрөттөмөсүнө жайгаштырылышы мүмкүн. Бул учурда, барактын эң жөнөкөй HTML коду төмөнкүдөй болушу мүмкүн:
Коду бар баскыч
Коду бар баскыч
2-кадам
Баскыч баскычына түздөн-түз татаал JavaScript кодун жайгаштыруу практикалык эмес. Андан өзүнчө функция жасап, анын чакырыгын onclick окуясына коюу оңой. Мисалы, бул баскычты басуу убактысын камтыган терезени көрсөткөн функцияга окшош болушу мүмкүн: function getTime () {
var now = new date ();
alert ("Код иштеди" + now.getHours () + ":" + now.getMinutes ());
} Ал барактын башына (жана тегдердин ортосунда) жайгаштырылышы керек. Баскычка байланган ушул функцияны чакырган баракчанын толук коду төмөнкүдөй болушу мүмкүн:
Функцияны чакыруу баскычы
getTime () функциясы {
var now = new date ();
alert ("Код иштеди" + now.getHours () + ":" + now.getMinutes ());
}
Функцияны чакыруу баскычы
3-кадам
Ушул эле ыкманы бир нече ар башка баскычтарды басканда, бир эле JavaScript коду менен сүрөттөлө турган окуяны көтөрүү керек. Мисалы, билдирүү терезесине басылган баскычтын идентификациясын кошуу үчүн мурунку функцияны бир аз өзгөртсөңүз болот: function getTime (btnString) {
var now = new date ();
alert (btnString + "чыкылдатып" + now.getHours () + ":" + now.getMinutes ());
} Уш баскычы бар барактын толук коду төмөнкүдөй болушу мүмкүн:
Чакырык функциясы бар үч баскыч
getTime функциясы (btnString) {
var now = new date ();
alert (btnString + "чыкылдатып" + now.getHours () + ":" + now.getMinutes ());
}
Биринчи баскыч
Экинчи баскыч
Үчүнчү баскыч
