በጃቫስክሪፕት ውስጥ ለማተም 4 መንገዶች

ዝርዝር ሁኔታ:

በጃቫስክሪፕት ውስጥ ለማተም 4 መንገዶች
በጃቫስክሪፕት ውስጥ ለማተም 4 መንገዶች

ቪዲዮ: በጃቫስክሪፕት ውስጥ ለማተም 4 መንገዶች

ቪዲዮ: በጃቫስክሪፕት ውስጥ ለማተም 4 መንገዶች
ቪዲዮ: ፖሊስ በቀን ብርሀን ዞምቢዎችን አሸንፏል። - Grand Zombie Swarm GamePlay 🎮📱 🇪🇹 2024, መጋቢት
Anonim

በኮምፒተር ፕሮግራም ውስጥ ፣ ህትመት በማያ ገጹ ላይ አንድ ዓይነት ጽሑፍ ለማሳየት የሚያገለግል ትእዛዝ ነው። ጽሑፍ (ሕብረቁምፊ) ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ስሌቶችን ለማሳየት ሊያገለግል ይችላል። ብዙ የፕሮግራም አዘጋጆች ከሚማሩባቸው የመጀመሪያ ነገሮች አንዱ “ሰላም ዓለም!” የሚለውን ፕሮግራም ለመፍጠር የህትመት ትዕዛዙን እንዴት መጠቀም እንደሚቻል ነው። ከሌሎች የፕሮግራም ቋንቋዎች በተቃራኒ ጃቫስክሪፕት በድር አሳሽ ውስጥ ተሰጥቷል። ጃቫስክሪፕት እንደሌሎች ብዙ ቋንቋዎች ቀላል የህትመት ትዕዛዝ የለውም። ሆኖም ፣ በኤችቲኤምኤል ሰነድ ፣ በማንቂያ መስኮት ፣ በኮንሶል ውስጥ ጽሑፍን ማሳየት የሚችሉባቸው ብዙ መንገዶች አሉ። እንዲሁም ከአታሚ ለማተም ጃቫስክሪፕትን መጠቀም ይችላሉ።

ደረጃዎች

ዘዴ 1 ከ 4: InnerHTML ን መጠቀም

በጃቫስክሪፕት ደረጃ 1 ያትሙ
በጃቫስክሪፕት ደረጃ 1 ያትሙ

ደረጃ 1. በኤችቲኤምኤል ሰነድዎ አካል ውስጥ <p id = ይተይቡ።

ይህ ከተወሰነ መታወቂያ ጋር ለአንቀጽ ጽሑፍ የመክፈቻ ኤችቲኤምኤል መለያ ነው።

የኤችቲኤምኤል ኮድ እንዴት እንደሚፃፍ ለተጨማሪ መረጃ ፣ በኤችቲኤምኤል አንድ ቀላል የድር ገጽ እንዴት መፍጠር እንደሚቻል ይመልከቱ።

በጃቫስክሪፕት ደረጃ 2 ያትሙ
በጃቫስክሪፕት ደረጃ 2 ያትሙ

ደረጃ 2. በጥቅሶች ውስጥ ለአንቀጽ ንጥረ ነገር ስም ይተይቡ እና በመቀጠል>።

ይህ የአንቀጽ ጽሑፍ ንጥል በጃቫስክሪፕት ውስጥ ሊታወስ የሚችል መታወቂያ ይመድባል። ለምሳሌ,"

".

እንዲሁም ሌሎች የጽሑፍ ኤችቲኤምኤል አባሎችን ፣ እንዲህ ዓይነቱን ርዕስ {{kbd |

በጃቫስክሪፕት ደረጃ 3 ያትሙ
በጃቫስክሪፕት ደረጃ 3 ያትሙ

ደረጃ 3. ዓይነት

ወዲያውኑ ከ"

መለያ።

ይህ ለመክፈቻ አንቀፅ ኤችቲኤምኤል ኤለመንት የመዝጊያ መለያ ያክላል

በጃቫስክሪፕት ደረጃ 4 ያትሙ
በጃቫስክሪፕት ደረጃ 4 ያትሙ

ደረጃ 4. ይጫኑ ↵ አስገባ።

ይህ በኤችቲኤምኤልዎ ላይ አዲስ መስመር ያክላል።

በጃቫስክሪፕት ደረጃ 5 ያትሙ
በጃቫስክሪፕት ደረጃ 5 ያትሙ

ደረጃ 5. ይተይቡ እና ይጫኑ ↵ አስገባ።

ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው። ሁሉም የጃቫስክሪፕት ኮድ ከዚህ መለያ በኋላ መሄድ አለበት።

በጃቫስክሪፕት ደረጃ 6 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 6 ውስጥ ያትሙ

ደረጃ 6. document.getElementById ይተይቡ።

በኤችቲኤምኤል ኤለመንት በእሱ መታወቂያ ለመደወል ይህ የጃቫስክሪፕት ኮድ ነው።

በጃቫስክሪፕት ደረጃ 7 ያትሙ
በጃቫስክሪፕት ደረጃ 7 ያትሙ

ደረጃ 7. በቅንፍ ውስጥ ባሉ ጥቅሶች ውስጥ የአንቀጹን አባል መታወቂያ ይተይቡ።

የአንቀጽዎ አካል ከሆነ"

፣ የእርስዎ የጃቫስክሪፕት ኮድ“document.getElementById (“ሂሳብ”)”ን ያነባል።

በጃቫስክሪፕት ደረጃ 8 ያትሙ
በጃቫስክሪፕት ደረጃ 8 ያትሙ

ደረጃ 8. ይተይቡ. InnerHTML = ከቅንፍ በኋላ።

ይህ ትዕዛዝ የኤችቲኤምኤል ኤለመንት በመጠቀም የጽሑፍ ውጤቶችን ለማሳየት ያገለግላል።

በጃቫስክሪፕት ደረጃ 9 ያትሙ
በጃቫስክሪፕት ደረጃ 9 ያትሙ

ደረጃ 9. ለማተም የፈለጉትን ይተይቡ እና ሰሚኮሎን (;

).

ጽሑፍን ፣ ተለዋዋጭ ፣ ቁጥሮችን ወይም የሂሳብ ስሌትን ማሳየት ይችላሉ።

ለምሳሌ ፣ “document.getElementById (“demo”)። innerHTML = 27 + 33 ፤” ብለው ይተይቡ። የ 27 + 33 ድምርን ለማተም።

በጃቫስክሪፕት ደረጃ 10 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 10 ውስጥ ያትሙ

ደረጃ 10. ይጫኑ ↵ ያስገቡ እና ይተይቡ።

ይህ መለያ የጃቫስክሪፕት ኮድዎን ይዘጋል። ሲጨርሱ ይህንን መለያ ይተይቡ ሁሉንም የጃቫስክሪፕት መስመሮችዎን ያስገቡ። በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነዱን ሲጭኑ በኤችቲኤምኤል ሰነድ ውስጥ ይታተማል።

ዘዴ 2 ከ 4 - የመስኮት ማንቂያ መጠቀም

በጃቫስክሪፕት ደረጃ 11 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 11 ውስጥ ያትሙ

ደረጃ 1. የኤችቲኤምኤል ሰነድዎን አካል ያስገቡ።

ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው።

በጃቫስክሪፕት ደረጃ 12 ያትሙ
በጃቫስክሪፕት ደረጃ 12 ያትሙ

ደረጃ 2. ይጫኑ ↵ አስገባ እና ማስጠንቀቂያ ይተይቡ።

ብቅ ባይ መስኮት ማስጠንቀቂያ ለመክፈት ይህ የጃቫስክሪፕት ትእዛዝ ነው።

በጃቫስክሪፕት ደረጃ 13 ያትሙ
በጃቫስክሪፕት ደረጃ 13 ያትሙ

ደረጃ 3. በቅንፍ ውስጥ ማተም የሚፈልጉትን ይተይቡ።

ጽሑፍ ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ቀመር መተየብ ይችላሉ። ለምሳሌ ፣ “ጤና ይስጥልኝ!” ለማሳየት “ማንቂያ (“ጤና ይስጥልኝ Sweety!”)”። በብቅ ባይ መስኮት ውስጥ።

በጃቫስክሪፕት ደረጃ 14 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 14 ውስጥ ያትሙ

ደረጃ 4. ከፊል ኮሎን (;

) መጨረሻ ላይ።

ይህ የጃቫስክሪፕት መስመርዎን ይዘጋል። ጠቅላላው መስመር እንደ “ማንቂያ” (“ጤና ይስጥልኝ Sweety!”);”.

በጃቫስክሪፕት ደረጃ 15 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 15 ውስጥ ያትሙ

ደረጃ 5. ይጫኑ ↵ አስገባ እና ተይብ።

ይህ መለያ የእርስዎን የጃቫስክሪፕት ኮድ ይዘጋል። ሁሉንም የጃቫስክሪፕት መስመሮችዎን ሲጨርሱ ይህንን መለያ ይተይቡ። በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነድዎን ሲጭኑ በብቅ-ባይ መስኮት ውስጥ ማተም የሚፈልጉትን ጽሑፍ ያሳያል።

እንዲሁም በብቅ ባይ መስኮት ውስጥ የታተመ ጽሑፍን የሚያሳይ አዝራር መፍጠር ይችላሉ። ይህንን ለማድረግ “የአዝራር ጽሑፍ” ይተይቡ።

ዘዴ 3 ከ 4 - የኮንሶል ምዝግብ ማስታወሻ መጠቀም

በጃቫስክሪፕት ደረጃ 16 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 16 ውስጥ ያትሙ

ደረጃ 1. የኤችቲኤምኤል ሰነድዎን አካል ያስገቡ።

ይህ ለጃቫስክሪፕትዎ የመክፈቻ መለያ ነው።

በጃቫስክሪፕት ደረጃ 17 ያትሙ
በጃቫስክሪፕት ደረጃ 17 ያትሙ

ደረጃ 2. ይጫኑ ↵ አስገባ እና console.log ን ይተይቡ።

ይህ ለኮንሶል መዝገብ የጃቫስክሪፕት ትእዛዝ ነው። የኮንሶል ምዝግብ ማስታወሻ በተለመደው የኮድ ትርጉም ውስጥ ለህትመት ትዕዛዝ በጣም ቅርብ የሆነ ነገር ነው። በድር ገጽዎ ላይ ጽሑፍን አያሳይም ፣ ግን ኤችቲኤምኤል/ጃቫስክሪፕትን በድር አሳሽ ውስጥ ሲያሄዱ በኮንሶሉ ውስጥ ጽሑፍን ያሳያል። ይህ ለማረም ጠቃሚ ነው።

በጃቫስክሪፕት ደረጃ 18 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 18 ውስጥ ያትሙ

ደረጃ 3. በቅንፍ ውስጥ ለመግባት የሚፈልጉትን ጽሑፍ ይተይቡ።

ጽሑፍ (ሕብረቁምፊ) ፣ ተለዋዋጭ ፣ ቁጥሮች ወይም የሂሳብ ቀመር ሊሆን ይችላል። ለምሳሌ ፣ “console.log (እኔ በጃቫስክሪፕት እያተምኩ ነው)።

በጃቫስክሪፕት ደረጃ 19 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 19 ውስጥ ያትሙ

ደረጃ 4. ከፊል ኮሎን (;

) መጨረሻ ላይ።

ይህ የጃቫስክሪፕት መስመርዎን ይዘጋል። ጠቅላላው መስመር እንደ “Nowiki> console.log” (በጃቫስክሪፕት እያተምኩ ነው) ያለ ነገር ሊመስል ይገባል

በጃቫስክሪፕት ደረጃ 20 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 20 ውስጥ ያትሙ

ደረጃ 5. ይጫኑ ↵ አስገባ እና ተይብ።

ይህ መለያ የጃቫስክሪፕት ኮድዎን ይዘጋል። ሁሉንም የጃቫስክሪፕት መስመሮችዎን ሲጨርሱ ይህንን መለያ ይተይቡ።

በጃቫስክሪፕት ደረጃ 21 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 21 ውስጥ ያትሙ

ደረጃ 6. የኤችቲኤምኤል ሰነድዎን ያስቀምጡ።

የኤችቲኤምኤል ሰነድዎን ለማስቀመጥ የሚከተሉትን ደረጃዎች ይጠቀሙ።

  • ጠቅ ያድርጉ ፋይል በጽሑፍ አርታኢዎ ወይም በኤችቲኤምኤል አርትዖት ፕሮግራም አናት ላይ።
  • ጠቅ ያድርጉ አስቀምጥ እንደ.
  • ለኤችቲኤምኤል ሰነድ የፋይል ስም ይተይቡ።
  • እንደ «.html» ሰነድ አድርጎ ማስቀመጥን ያረጋግጡ።
  • ጠቅ ያድርጉ አስቀምጥ.
በጃቫስክሪፕት ደረጃ 22 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 22 ውስጥ ያትሙ

ደረጃ 7. በድር አሳሽ ውስጥ የኤችቲኤምኤል ሰነዱን ይክፈቱ።

የመረጡት ማንኛውንም የድር አሳሽ ይክፈቱ እና ከላይ ባለው የአድራሻ አሞሌ ውስጥ የኤችቲኤምኤል ሰነዱን የፋይል ቦታ ይተይቡ። ይህ በድር አሳሽዎ ውስጥ የኤችቲኤምኤል ሰነዱን ይከፍታል።

በጃቫስክሪፕት ደረጃ 23 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 23 ውስጥ ያትሙ

ደረጃ 8. F12 ን ይጫኑ።

ይህ በድር አሳሽዎ ውስጥ የገንቢ ሁነታን ይከፍታል። በኤችቲኤምኤል ፣ በሲኤስኤስ እና በጃቫስክሪፕት ኮድ የታየ አዲስ መስኮት ያያሉ።

በጃቫስክሪፕት ደረጃ 24 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 24 ውስጥ ያትሙ

ደረጃ 9. ኮንሶልን ጠቅ ያድርጉ።

በገንቢ ሞድ መስኮት አናት ላይ ነው።

በጃቫስክሪፕት ደረጃ 25 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 25 ውስጥ ያትሙ

ደረጃ 10. አሳሽዎን ያድሱ

በጃቫስክሪፕት ደረጃ 26 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 26 ውስጥ ያትሙ

ደረጃ 1. በኤችቲኤምኤል ሰነድዎ አካል ውስጥ <አዝራር onclick = ይተይቡ።

በኤችቲኤምኤልዎ ውስጥ አንድ አዝራር ለመፍጠር ይህ የመክፈቻ ኤችቲኤምኤል መለያ ነው።

በጃቫስክሪፕት ደረጃ 27 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 27 ውስጥ ያትሙ

ደረጃ 2. ከተመሳሳይ (=) ምልክት በኋላ "window.print ()"> ይተይቡ።

የ “window.print ()” ትዕዛዙ የድር አሳሽዎን መስኮት ይዘቶች ለማተም የጃቫስክሪፕት ትእዛዝ ነው። ቅንፍ (>) የኤችቲኤምኤል ቁልፍን የመክፈቻ መለያ ያጠናቅቃል።

በጃቫስክሪፕት ደረጃ 28 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 28 ውስጥ ያትሙ

ደረጃ 3. በአዝራሩ ውስጥ ሊሄዱበት የሚፈልጉትን ጽሑፍ ይተይቡ።

ይህ ከቅንፍ (>) በኋላ ወዲያውኑ መሄድ አለበት። ለምሳሌ ፣ “ለማተም እዚህ ጠቅ ያድርጉ” ወይም ተመሳሳይ የሆነ ነገር መተየብ ይችላሉ።

በጃቫስክሪፕት ደረጃ 29 ውስጥ ያትሙ
በጃቫስክሪፕት ደረጃ 29 ውስጥ ያትሙ

ደረጃ 4. ዓይነት።

ይህ የኤችቲኤምኤል ቁልፍን አባል ይዘጋዋል። በድር አሳሽ ውስጥ ኤችቲኤምኤልዎን ሲያቀርቡ ፣ የዩሩ የድር አሳሽ ይዘቶችን ለማተም ጠቅ ማድረግ የሚችሉበትን ቁልፍ ይፈጥራል።

የሚመከር: