በኮምፒተር ፕሮግራም ውስጥ ፣ ህትመት በማያ ገጹ ላይ አንድ ዓይነት ጽሑፍ ለማሳየት የሚያገለግል ትእዛዝ ነው። ጽሑፍ (ሕብረቁምፊ) ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ስሌቶችን ለማሳየት ሊያገለግል ይችላል። ብዙ የፕሮግራም አዘጋጆች ከሚማሩባቸው የመጀመሪያ ነገሮች አንዱ “ሰላም ዓለም!” የሚለውን ፕሮግራም ለመፍጠር የህትመት ትዕዛዙን እንዴት መጠቀም እንደሚቻል ነው። ከሌሎች የፕሮግራም ቋንቋዎች በተቃራኒ ጃቫስክሪፕት በድር አሳሽ ውስጥ ተሰጥቷል። ጃቫስክሪፕት እንደሌሎች ብዙ ቋንቋዎች ቀላል የህትመት ትዕዛዝ የለውም። ሆኖም ፣ በኤችቲኤምኤል ሰነድ ፣ በማንቂያ መስኮት ፣ በኮንሶል ውስጥ ጽሑፍን ማሳየት የሚችሉባቸው ብዙ መንገዶች አሉ። እንዲሁም ከአታሚ ለማተም ጃቫስክሪፕትን መጠቀም ይችላሉ።
ደረጃዎች
ዘዴ 1 ከ 4: InnerHTML ን መጠቀም
ደረጃ 1. በኤችቲኤምኤል ሰነድዎ አካል ውስጥ <p id = ይተይቡ።
ይህ ከተወሰነ መታወቂያ ጋር ለአንቀጽ ጽሑፍ የመክፈቻ ኤችቲኤምኤል መለያ ነው።
የኤችቲኤምኤል ኮድ እንዴት እንደሚፃፍ ለተጨማሪ መረጃ ፣ በኤችቲኤምኤል አንድ ቀላል የድር ገጽ እንዴት መፍጠር እንደሚቻል ይመልከቱ።
ደረጃ 2. በጥቅሶች ውስጥ ለአንቀጽ ንጥረ ነገር ስም ይተይቡ እና በመቀጠል>።
ይህ የአንቀጽ ጽሑፍ ንጥል በጃቫስክሪፕት ውስጥ ሊታወስ የሚችል መታወቂያ ይመድባል። ለምሳሌ,"
".
እንዲሁም ሌሎች የጽሑፍ ኤችቲኤምኤል አባሎችን ፣ እንዲህ ዓይነቱን ርዕስ {{kbd |
ደረጃ 3. ዓይነት
ወዲያውኑ ከ"
መለያ።
ይህ ለመክፈቻ አንቀፅ ኤችቲኤምኤል ኤለመንት የመዝጊያ መለያ ያክላል
ደረጃ 4. ይጫኑ ↵ አስገባ።
ይህ በኤችቲኤምኤልዎ ላይ አዲስ መስመር ያክላል።
ደረጃ 5. ይተይቡ እና ይጫኑ ↵ አስገባ።
ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው። ሁሉም የጃቫስክሪፕት ኮድ ከዚህ መለያ በኋላ መሄድ አለበት።
ደረጃ 6. document.getElementById ይተይቡ።
በኤችቲኤምኤል ኤለመንት በእሱ መታወቂያ ለመደወል ይህ የጃቫስክሪፕት ኮድ ነው።
ደረጃ 7. በቅንፍ ውስጥ ባሉ ጥቅሶች ውስጥ የአንቀጹን አባል መታወቂያ ይተይቡ።
የአንቀጽዎ አካል ከሆነ"
፣ የእርስዎ የጃቫስክሪፕት ኮድ“document.getElementById (“ሂሳብ”)”ን ያነባል።
ደረጃ 8. ይተይቡ. InnerHTML = ከቅንፍ በኋላ።
ይህ ትዕዛዝ የኤችቲኤምኤል ኤለመንት በመጠቀም የጽሑፍ ውጤቶችን ለማሳየት ያገለግላል።
ደረጃ 9. ለማተም የፈለጉትን ይተይቡ እና ሰሚኮሎን (;
).
ጽሑፍን ፣ ተለዋዋጭ ፣ ቁጥሮችን ወይም የሂሳብ ስሌትን ማሳየት ይችላሉ።
ለምሳሌ ፣ “document.getElementById (“demo”)። innerHTML = 27 + 33 ፤” ብለው ይተይቡ። የ 27 + 33 ድምርን ለማተም።
ደረጃ 10. ይጫኑ ↵ ያስገቡ እና ይተይቡ።
ይህ መለያ የጃቫስክሪፕት ኮድዎን ይዘጋል። ሲጨርሱ ይህንን መለያ ይተይቡ ሁሉንም የጃቫስክሪፕት መስመሮችዎን ያስገቡ። በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነዱን ሲጭኑ በኤችቲኤምኤል ሰነድ ውስጥ ይታተማል።
ዘዴ 2 ከ 4 - የመስኮት ማንቂያ መጠቀም
ደረጃ 1. የኤችቲኤምኤል ሰነድዎን አካል ያስገቡ።
ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው።
ደረጃ 2. ይጫኑ ↵ አስገባ እና ማስጠንቀቂያ ይተይቡ።
ብቅ ባይ መስኮት ማስጠንቀቂያ ለመክፈት ይህ የጃቫስክሪፕት ትእዛዝ ነው።
ደረጃ 3. በቅንፍ ውስጥ ማተም የሚፈልጉትን ይተይቡ።
ጽሑፍ ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ቀመር መተየብ ይችላሉ። ለምሳሌ ፣ “ጤና ይስጥልኝ!” ለማሳየት “ማንቂያ (“ጤና ይስጥልኝ Sweety!”)”። በብቅ ባይ መስኮት ውስጥ።
ደረጃ 4. ከፊል ኮሎን (;
) መጨረሻ ላይ።
ይህ የጃቫስክሪፕት መስመርዎን ይዘጋል። ጠቅላላው መስመር እንደ “ማንቂያ” (“ጤና ይስጥልኝ Sweety!”);”.
ደረጃ 5. ይጫኑ ↵ አስገባ እና ተይብ።
ይህ መለያ የእርስዎን የጃቫስክሪፕት ኮድ ይዘጋል። ሁሉንም የጃቫስክሪፕት መስመሮችዎን ሲጨርሱ ይህንን መለያ ይተይቡ። በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነድዎን ሲጭኑ በብቅ-ባይ መስኮት ውስጥ ማተም የሚፈልጉትን ጽሑፍ ያሳያል።
እንዲሁም በብቅ ባይ መስኮት ውስጥ የታተመ ጽሑፍን የሚያሳይ አዝራር መፍጠር ይችላሉ። ይህንን ለማድረግ “የአዝራር ጽሑፍ” ይተይቡ።
ዘዴ 3 ከ 4 - የኮንሶል ምዝግብ ማስታወሻ መጠቀም
ደረጃ 1. የኤችቲኤምኤል ሰነድዎን አካል ያስገቡ።
ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው።
ደረጃ 2. ይጫኑ ↵ አስገባ እና console.log ን ይተይቡ።
ይህ ለኮንሶል መዝገብ የጃቫስክሪፕት ትእዛዝ ነው። የኮንሶል ምዝግብ ማስታወሻ በተለመደው የኮድ ትርጉም ውስጥ ለህትመት ትዕዛዝ በጣም ቅርብ የሆነ ነገር ነው። በድር ገጽዎ ላይ ጽሑፍን አያሳይም ፣ ግን ኤችቲኤምኤል/ጃቫስክሪፕትን በድር አሳሽ ውስጥ ሲያሄዱ በኮንሶሉ ውስጥ ጽሑፍን ያሳያል። ይህ ለማረም ጠቃሚ ነው።
ደረጃ 3. በቅንፍ ውስጥ ለመግባት የሚፈልጉትን ጽሑፍ ይተይቡ።
ጽሑፍ (ሕብረቁምፊ) ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ቀመር ሊሆን ይችላል። ለምሳሌ ፣ “console.log (እኔ በጃቫስክሪፕት እያተምኩ ነው)።
ደረጃ 4. ከፊል ኮሎን (;
) መጨረሻ ላይ።
ይህ የጃቫስክሪፕት መስመርዎን ይዘጋል። ጠቅላላው መስመር እንደ “Nowiki> console.log” (በጃቫስክሪፕት እያተምኩ ነው) ያለ ነገር ሊመስል ይገባል
ደረጃ 5. ይጫኑ ↵ አስገባ እና ተይብ።
ይህ መለያ የጃቫስክሪፕት ኮድዎን ይዘጋል። ሁሉንም የጃቫስክሪፕት መስመሮችዎን ሲጨርሱ ይህንን መለያ ይተይቡ።
ደረጃ 6. የኤችቲኤምኤል ሰነድዎን ያስቀምጡ።
የኤችቲኤምኤል ሰነድዎን ለማስቀመጥ የሚከተሉትን ደረጃዎች ይጠቀሙ።
- ጠቅ ያድርጉ ፋይል በጽሑፍ አርታኢዎ ወይም በኤችቲኤምኤል አርትዖት ፕሮግራም አናት ላይ።
- ጠቅ ያድርጉ አስቀምጥ እንደ.
- ለኤችቲኤምኤል ሰነድ የፋይል ስም ይተይቡ።
- እንደ «.html» ሰነድ አድርጎ ማስቀመጥን ያረጋግጡ።
- ጠቅ ያድርጉ አስቀምጥ.
ደረጃ 7. በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነዱን ይክፈቱ።
የመረጡት ማንኛውንም የድር አሳሽ ይክፈቱ እና ከላይ ባለው የአድራሻ አሞሌ ውስጥ የኤችቲኤምኤል ሰነዱን የፋይል ቦታ ይተይቡ። ይህ በድር አሳሽዎ ውስጥ የኤችቲኤምኤል ሰነዱን ይከፍታል።
ደረጃ 8. F12 ን ይጫኑ።
ይህ በድር አሳሽዎ ውስጥ የገንቢ ሁነታን ይከፍታል። በኤችቲኤምኤል ፣ በሲኤስኤስ እና በጃቫስክሪፕት ኮድ የታየ አዲስ መስኮት ያያሉ።
ደረጃ 9. ኮንሶልን ጠቅ ያድርጉ።
በገንቢ ሞድ መስኮት አናት ላይ ነው።
ደረጃ 10. አሳሽዎን ያድሱ
ደረጃ 1. በኤችቲኤምኤል ሰነድዎ አካል ውስጥ <አዝራር onclick = ይተይቡ።
በኤችቲኤምኤልዎ ውስጥ አንድ አዝራር ለመፍጠር ይህ የመክፈቻ ኤችቲኤምኤል መለያ ነው።
ደረጃ 2. ከተመሳሳይ (=) ምልክት በኋላ "window.print ()"> ይተይቡ።
የ “window.print ()” ትዕዛዙ የድር አሳሽዎን መስኮት ይዘቶች ለማተም የጃቫስክሪፕት ትእዛዝ ነው። ቅንፍ (>) የኤችቲኤምኤል ቁልፍን የመክፈቻ መለያ ያጠናቅቃል።
ደረጃ 3. በአዝራሩ ውስጥ ሊሄዱበት የሚፈልጉትን ጽሑፍ ይተይቡ።
ይህ ከቅንፍ (>) በኋላ ወዲያውኑ መሄድ አለበት። ለምሳሌ ፣ “ለማተም እዚህ ጠቅ ያድርጉ” ወይም ተመሳሳይ የሆነ ነገር መተየብ ይችላሉ።
ደረጃ 4. ዓይነት።
ይህ የኤችቲኤምኤል ቁልፍን አባል ይዘጋዋል። በድር አሳሽ ውስጥ ኤችቲኤምኤልዎን ሲያቀርቡ ፣ የዩሩ የድር አሳሽ ይዘቶችን ለማተም ጠቅ ማድረግ የሚችሉበትን ቁልፍ ይፈጥራል።