Програмери углавном желе да њихове веб странице буду атрактивне и да буду интерактивне. У ту сврху, на веб страницу се додају дугмад. На пример, када постоји потреба за слањем или примањем података, укључујући догађаје кликова за додатне функционалности за корисника док се региструје или пријављује на налог. У таквим случајевима, дугмад омогућавају крајњем кориснику да паметно обавља различите функције.
Овај блог ће објаснити методе за креирање дугмади у ЈаваСцрипт-у.
Како направити дугме у ЈаваСцрипт-у?
Да бисте креирали дугме у ЈаваСцрипт-у, могу се користити следеће методе:
Следећи приступи ће демонстрирати концепт један по један!
Метод 1: Креирајте дугме у ЈаваСцрипт-у користећи методе „цреатеЕлемент()“ и „аппендЦхилд()“
„ цреатеЕлемент() ” метод креира елемент, а „ аппендЦхилд() ” метод додаје елемент последњем детету елемента. Ове методе ће се применити за креирање дугмета и његово додавање у модел објекта документа (ДОМ) који треба да се користи.
Синтакса
документ. цреатеЕлемент ( тип )елемент. аппендЦхилд ( чвор )
У горњој синтакси, „ тип ” се односи на тип елемента који ће бити креиран коришћењем методе цреатеЕлемент(), а „ чвор ” је чвор који ће бити додат уз помоћ методе аппендЦхилд().
Следећи пример ће објаснити наведени концепт.
Пример
Прво, „ дугме ” ће бити креиран помоћу методе доцумент.цреатеЕлемент() и ускладиштен у променљивој под називом „ цреатеБуттон ”:
конст цреатеБуттон = документ. цреатеЕлемент ( 'дугме' )Затим, „ иннерТект ” својство ће се односити на креирано дугме и поставити текстуалну вредност наведеног дугмета на следећи начин:
цреатеБуттон. иннерТект = 'Кликни ме'На крају, „ аппендЦхилд() ” ће додати креирано дугме ДОМ-у позивајући се на променљиву у којој се чува као аргумент:
документ. тело . аппендЦхилд ( цреатеБуттон ) ;Резултат горње имплементације ће бити следећи:
Метод 2: Креирајте дугме у ЈаваСцрипт-у користећи атрибут „Типе“ ознаке „инпут“.
„ тип ” атрибут представља тип улазног елемента за приказ. Може се користити за креирање дугмета навођењем „ дугме ” као вредност атрибута типа улазне ознаке.
Синтакса
< тип уноса = 'дугме' >Овде, „ дугме ” означава тип поља за унос.
Погледајте пример у наставку.
Пример
Прво ћемо користити улазну ознаку, навести њен тип као „ дугме “, и вредност као „ Кликни ме ”. Као резултат, биће креирано дугме. Штавише, то ће покренути „ цреатеБуттон() ” функција када се кликне:
< тип уноса = вредност дугмета = Цлицк_Ме онцлицк = 'цреатеБуттон()' >У ЈаваСцрипт датотеци ћемо дефинисати „ цреатеБуттон() ” функција која ће генерисати поље упозорења када се кликне на дугме за додавање:
функција цреатеБуттон ( ) {узбуна ( 'Ово је дугме' )
}
Излаз
Разматране технике за креирање дугмета у ЈаваСцрипт-у могу се користити на одговарајући начин у складу са захтевима.
Закључак
Да бисте направили дугме у ЈаваСцрипт-у, „ цреатеЕлемент() ' и ' аппендЦхилд() ” се могу применити методе за креирање дугмета и његово додавање да би се користило у ДОМ-у. Друга техника која се може користити за креирање дугмета је дефинисање типа уноса и додавање повезане функционалности. Овај чланак је демонстрирао методе за креирање дугмета у ЈаваСцрипт-у.