JavaScript First Program

JavaScript నేర్చుకునేటప్పుడు మొదటి program గా browser లో ఒక message చూపించడం చాలా ఉపయోగకరంగా ఉంటుంది. దీనివల్ల JavaScript code ఎలా రాయాలి, value ను variable లో ఎలా store చేయాలి, ఒక action ను ఎలా perform చేయాలి అనే విషయాలు అర్థమవుతాయి.

ఈ lesson లో let keyword ఉపయోగించి message ను store చేస్తాము. తరువాత alert() function ద్వారా ఆ message ను browser alert dialog లో చూపిస్తాము.

మొదటి program లోని భాగాలు

let — ఒక variable ను create చేయడానికి ఉపయోగించే keyword.
message — మనం create చేసిన variable పేరు.
“Hello, JavaScript!” — variable లో store చేసిన string value.
alert() — browser లో popup message చూపించే built-in function.

alert() browser environment లో పనిచేస్తుంది. కాబట్టి ఈ example ను browser-based JavaScript editor లేదా HTML page లో run చేయండి. కొన్ని online editors లో popup blocking ఉండవచ్చు.

Simple Explanation

మన దగ్గర ఒక greeting message ఉందని ఊహించండి. ఆ message ను ముందుగా message అనే పెట్టెలో ఉంచుతాము. తరువాత alert(message) ద్వారా ఆ పెట్టెలో ఉన్న text ను browser లో చూపిస్తాము.

ఇదే JavaScript program యొక్క basic flow: value create చేయడం, దాన్ని store చేయడం, తరువాత ఒక action చేయడం.

Real-Life Example

ఒక shop లో customer కి welcome message చూపించాలనుకుంటే, ఆ message ను ఒక name-tag మీద రాసి counter పై ఉంచినట్లుగా భావించండి. JavaScript లో let message ఆ message ను store చేస్తుంది. alert(message) ఆ message ను customer కి చూపించే display లాంటిది.

Code Examples

మొదటి JavaScript Program

let message = "Hello, JavaScript!";
alert(message);

మొదటి line లో message అనే variable ను create చేసి, అందులో “Hello, JavaScript!” string ను store చేస్తున్నాము. రెండవ line లో alert() function ఆ variable value ను browser alert dialog లో చూపిస్తుంది.

ఈ code ను browser-based editor లో run చేసినప్పుడు alert popup కనిపిస్తుంది.

A browser alert dialog displays: Hello, JavaScript!

Line-by-Line Explanation

let message = “Hello, JavaScript!”;

ఈ line లో let keyword తో message అనే variable create అవుతుంది. “Hello, JavaScript!” అనే string value ఆ variable లో store అవుతుంది. చివరలోని semicolon statement ముగిసిందని సూచిస్తుంది.

alert(message);

ఈ line లో browser యొక్క built-in alert() function ను call చేస్తున్నాము. Parentheses లోని message variable value alert dialog లో text గా కనిపిస్తుంది.

Try It

Try this JavaScript code:

Example

let message = "Hello, JavaScript!";
alert(message);

Try It Yourself »

Practice

Practice:

message variable లోని text ను మార్చండి. Browser alert లో Welcome to my first JavaScript program! అనే message కనిపించేలా code ను update చేయండి.

Hint:

Quotes మధ్యలో ఉన్న string value ను మార్చండి. alert(message); line ను అలాగే ఉంచండి.

Common Mistakes

String text చుట్టూ quotes రాయకపోవడం, ఉదాహరణకు let message = Hello; అని రాయడం.

Text value కోసం quotes తప్పనిసరిగా ఉపయోగించాలి: let message = “Hello”;

Variable పేరు create చేసినప్పుడు ఒక పేరు, ఉపయోగించినప్పుడు వేరే పేరు రాయడం, ఉదాహరణకు let message = “Hi”; తరువాత alert(msg); అని రాయడం.

Variable ను create చేసినప్పుడు ఉపయోగించిన అదే పేరు తరువాత కూడా ఉపయోగించాలి: alert(message);

alert ను quotes లో రాయడం, ఉదాహరణకు “alert(message)”. ఇలా రాస్తే function execute కాదు; అది text గా మాత్రమే పరిగణించబడుతుంది.

Function ను execute చేయడానికి alert(message); అని quotes లేకుండా రాయాలి.

Code ను browser కాకుండా alert support లేని environment లో run చేసి popup కనిపించలేదని అనుకోవడం.

alert() browser environment కోసం. Browser-based editor లేదా HTML page లో run చేయండి. Popup blocking ఉంటే browser permission settings ను కూడా పరిశీలించండి.

Interview Questions

JavaScript లో let keyword ఎందుకు ఉపయోగిస్తారు?

Answer:

let keyword తో variable ను declare చేయవచ్చు. Variable లో data ను store చేసి, అవసరమైనప్పుడు ఆ value ను program లో ఉపయోగించవచ్చు.

alert() function ఏమి చేస్తుంది?

Answer:

alert() browser లో ఒక alert dialog లేదా popup ను చూపిస్తుంది. Parentheses లో ఇచ్చిన value ఆ popup లో message గా కనిపిస్తుంది.

ఈ first program లో message ఏది?

Answer:

message ఒక variable పేరు. ఇందులో “Hello, JavaScript!” అనే string value store చేయబడుతుంది.

Exam Questions

Browser లో Hello అనే message చూపించడానికి సరైన JavaScript code ఏది?

Answer:

let message = “Hello”;
alert(message);

క్రింది code లో alert dialog లో ఏ text కనిపిస్తుంది? let text = “JavaScript is easy”;
alert(text);

Answer:

Alert dialog లో JavaScript is easy అనే text కనిపిస్తుంది.

Variable లో string value store చేసేటప్పుడు quotes ఎందుకు ఉపయోగిస్తారు?

Answer:

Quotes ఉపయోగిస్తే JavaScript ఆ value ను text లేదా string గా గుర్తిస్తుంది. Quotes లేకుండా text రాస్తే JavaScript దాన్ని variable లేదా identifier గా అర్థం చేసుకోవచ్చు.

Quick Revision

let keyword తో variable ను create చేయవచ్చు.
String value ను quotes మధ్యలో రాయాలి.
alert() browser లో popup message చూపిస్తుంది.
Variable లోని value ను function కు పంపడానికి alert(message) వంటి syntax ఉపయోగించవచ్చు.
ఈ lesson లో మన మొదటి JavaScript program ద్వారా value store చేయడం మరియు browser లో message చూపించడం నేర్చుకున్నాము.

JavaScript First Program