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