డెవలపర్లు ఎక్కువగా తమ వెబ్ పేజీలు ఆకర్షణీయంగా ఉండాలని మరియు వాటిని ఇంటరాక్టివ్‌గా మార్చాలని కోరుకుంటారు. ఈ ప్రయోజనం కోసం, వెబ్ పేజీకి బటన్లు జోడించబడతాయి. ఉదాహరణకు, ఖాతాకు నమోదు చేసేటప్పుడు లేదా సైన్ ఇన్ చేస్తున్నప్పుడు వినియోగదారు కోసం జోడించిన కార్యాచరణల కోసం క్లిక్ ఈవెంట్‌లతో సహా డేటాను పంపడం లేదా స్వీకరించడం అవసరం అయినప్పుడు. అటువంటి సందర్భాలలో, బటన్లు తుది వినియోగదారుని వివిధ ఫంక్షనాలిటీలను తెలివిగా నిర్వహించడానికి అనుమతిస్తాయి.
జావాస్క్రిప్ట్‌లో బటన్‌లను సృష్టించే పద్ధతులను ఈ బ్లాగ్ వివరిస్తుంది.
జావాస్క్రిప్ట్‌లో బటన్‌ను ఎలా సృష్టించాలి?
జావాస్క్రిప్ట్‌లో బటన్‌ను సృష్టించడానికి, ఈ క్రింది పద్ధతులను ఉపయోగించవచ్చు:
కింది విధానాలు ఒక్కొక్కటిగా భావనను ప్రదర్శిస్తాయి!
విధానం 1: “createElement()” మరియు “appendChild()” పద్ధతులను ఉపయోగించి జావాస్క్రిప్ట్‌లో బటన్‌ను సృష్టించండి
ది ' క్రియేట్ ఎలిమెంట్() 'పద్ధతి ఒక మూలకాన్ని సృష్టిస్తుంది మరియు ' appendChild() ” పద్ధతి ఒక మూలకం యొక్క చివరి బిడ్డకు ఒక మూలకాన్ని జోడిస్తుంది. ఈ పద్ధతులు బటన్‌ను సృష్టించడం మరియు దానిని వరుసగా ఉపయోగించాల్సిన డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ (DOM)కి జోడించడం కోసం వర్తించబడతాయి.
వాక్యనిర్మాణం
పత్రం. ఎలిమెంట్ సృష్టించండి ( రకం )మూలకం. అనుబంధం చైల్డ్ ( నోడ్ )
పై వాక్యనిర్మాణంలో, “ రకం ” అనేది createElement() పద్ధతిని ఉపయోగించి సృష్టించబడే మూలకం రకాన్ని సూచిస్తుంది మరియు “ నోడ్ ” అనేది appendChild() పద్ధతి సహాయంతో అనుబంధించబడే నోడ్.
కింది ఉదాహరణ పేర్కొన్న భావనను వివరిస్తుంది.
ఉదాహరణ
మొదట, ఒక ' బటన్ ” document.createElement() పద్ధతిని ఉపయోగించి సృష్టించబడుతుంది మరియు “ అనే వేరియబుల్‌లో నిల్వ చేయబడుతుంది సృష్టించు బటన్ ”:
స్థిరంగా సృష్టించు బటన్ = పత్రం. ఎలిమెంట్ సృష్టించండి ( 'బటన్' )తరువాత, ' అంతర్గత వచనం ” ఆస్తి సృష్టించబడిన బటన్‌ను సూచిస్తుంది మరియు పేర్కొన్న బటన్ యొక్క వచన విలువను ఈ క్రింది విధంగా సెట్ చేస్తుంది:
సృష్టించు బటన్. అంతర్గత వచనం = 'నన్ను క్లిక్ చెయ్యి'చివరగా, ' appendChild() ” పద్ధతి ఆర్గ్యుమెంట్‌గా నిల్వ చేయబడిన వేరియబుల్‌ను సూచించడం ద్వారా సృష్టించబడిన బటన్‌ను DOMకి జోడిస్తుంది:
పత్రం. శరీరం . అనుబంధం చైల్డ్ ( సృష్టించు బటన్ ) ;పై అమలు యొక్క అవుట్‌పుట్ క్రింది విధంగా ఉంటుంది:
విధానం 2: 'ఇన్పుట్' ట్యాగ్ యొక్క 'టైప్' అట్రిబ్యూట్ ఉపయోగించి జావాస్క్రిప్ట్‌లో బటన్‌ను సృష్టించండి
ది ' రకం ” లక్షణం ప్రదర్శించాల్సిన ఇన్పుట్ మూలకం రకాన్ని సూచిస్తుంది. ''ని పేర్కొనడం ద్వారా బటన్‌ను సృష్టించడానికి దీనిని ఉపయోగించవచ్చు బటన్ ” ఇన్పుట్ ట్యాగ్ రకం లక్షణం విలువగా.
వాక్యనిర్మాణం
< ఇన్పుట్ రకం = 'బటన్' >ఇక్కడ, ' బటన్ ” ఇన్పుట్ ఫీల్డ్ రకాన్ని సూచిస్తుంది.
క్రింద ఇవ్వబడిన ఉదాహరణను పరిశీలించండి.
ఉదాహరణ
ముందుగా, మేము ఇన్పుట్ ట్యాగ్‌ని ఉపయోగిస్తాము, దాని రకాన్ని ' బటన్ ', మరియు విలువ ' నన్ను క్లిక్ చెయ్యి ”. ఫలితంగా, ఒక బటన్ సృష్టించబడుతుంది. ఇంకా, ఇది 'ప్రేరేపిస్తుంది సృష్టించు బటన్() 'క్లిక్ చేసినప్పుడు ఫంక్షన్:
< ఇన్పుట్ రకం = బటన్ విలువ = Click_Me onclick = 'createButton()' >జావాస్క్రిప్ట్ ఫైల్‌లో, మేము “ని నిర్వచిస్తాము సృష్టించు బటన్() ” ఫంక్షన్ జోడించిన బటన్‌ను క్లిక్ చేసినప్పుడు హెచ్చరిక పెట్టెను ఉత్పత్తి చేస్తుంది:
ఫంక్షన్ సృష్టించు బటన్ ( ) {అప్రమత్తం ( 'ఇది ఒక బటన్' )
}
అవుట్‌పుట్
జావాస్క్రిప్ట్‌లో బటన్‌ను రూపొందించడానికి చర్చించబడిన సాంకేతికతలను అవసరాలకు అనుగుణంగా ఉపయోగించుకోవచ్చు.
ముగింపు
జావాస్క్రిప్ట్‌లో బటన్‌ని సృష్టించడానికి, “ క్రియేట్ ఎలిమెంట్() 'మరియు' appendChild() ”ఒక బటన్‌ను సృష్టించడం మరియు దానిని DOMలో ఉపయోగించేందుకు జోడించడం కోసం పద్ధతులు వర్తించవచ్చు. ఒక బటన్‌ను సృష్టించడానికి ఉపయోగించే మరొక సాంకేతికత ఇన్పుట్ రకాన్ని నిర్వచించడం మరియు అనుబంధిత కార్యాచరణను జోడించడం. ఈ వ్యాసం జావాస్క్రిప్ట్‌లో బటన్‌ను సృష్టించే పద్ధతులను ప్రదర్శించింది.