Javascript- ში დაბეჭდვის 4 გზა

Სარჩევი:

Javascript- ში დაბეჭდვის 4 გზა
Javascript- ში დაბეჭდვის 4 გზა

ვიდეო: Javascript- ში დაბეჭდვის 4 გზა

ვიდეო: Javascript- ში დაბეჭდვის 4 გზა
ვიდეო: 3 Tips to ask question on Stack Overflow the right way to get answers 2024, აპრილი
Anonim

კომპიუტერულ პროგრამირებაში, ბეჭდვა არის ბრძანება, რომელიც გამოიყენება გარკვეული ტიპის ტექსტის ეკრანზე გამოსაჩენად. ის შეიძლება გამოყენებულ იქნას ტექსტის (სტრიქონის), ცვლადის, რიცხვების ან მათემატიკური გამოთვლების საჩვენებლად. ერთ -ერთი პირველი, რასაც ბევრი პროგრამისტი სწავლობს არის როგორ გამოვიყენოთ Print ბრძანება პროგრამის შესაქმნელად, რომელიც აჩვენებს "Hello World!". სხვა პროგრამირების ენებისგან განსხვავებით, Javascript გადმოცემულია ვებ ბრაუზერში. Javascript– ს არ აქვს მარტივი ბეჭდვის ბრძანება, როგორც ბევრი სხვა ენა. თუმცა, არსებობს მრავალი გზა, რომლითაც შეგიძლიათ აჩვენოთ ტექსტი HTML დოკუმენტში, გამაფრთხილებელი ფანჯარაში, კონსოლში. თქვენ ასევე შეგიძლიათ გამოიყენოთ Javascript პრინტერიდან დასაბეჭდად.

ნაბიჯები

მეთოდი 1 დან 4: გამოიყენეთ InnerHTML

დაბეჭდეთ Javascript– ში ნაბიჯი 1
დაბეჭდეთ Javascript– ში ნაბიჯი 1

ნაბიჯი 1. ჩაწერეთ <p id = თქვენი HTML დოკუმენტის სხეულში

ეს არის აბზაცის ტექსტის საწყისი HTML ტეგი კონკრეტული ID- ით.

დამატებითი ინფორმაციისთვის, თუ როგორ უნდა დაწეროთ HTML კოდი, გადახედეთ როგორ შევქმნათ მარტივი ვებ გვერდი HTML– ით

დაბეჭდეთ Javascript– ში ნაბიჯი 2
დაბეჭდეთ Javascript– ში ნაბიჯი 2

ნაბიჯი 2. ჩაწერეთ აბზაცის ელემენტის სახელი ბრჭყალებში, რასაც მოყვება>

ეს აბზაცის ტექსტის ელემენტს ანიჭებს ID- ს, რომლის გახსენებაც შესაძლებელია Javascript- ში. Მაგალითად,"

".

თქვენ ასევე შეგიძლიათ გამოიყენოთ ტექსტის HTML ელემენტები, როგორიცაა სათაური {{kbd |

დაბეჭდეთ Javascript– ში ნაბიჯი 3
დაბეჭდეთ Javascript– ში ნაბიჯი 3

ნაბიჯი 3. ტიპი

დაუყოვნებლივ მას შემდეგ, რაც"

ტეგი.

ეს დასძენს დახურულ ტეგს საწყისი ელემენტის HTML ელემენტისთვის

დაბეჭდეთ Javascript– ში ნაბიჯი 4
დაბეჭდეთ Javascript– ში ნაბიჯი 4

ნაბიჯი 4. დააჭირეთ ↵ Enter

ეს დაამატებს ახალ ხაზს თქვენს HTML- ს.

დაბეჭდეთ Javascript– ში ნაბიჯი 5
დაბეჭდეთ Javascript– ში ნაბიჯი 5

ნაბიჯი 5. ჩაწერეთ და დააჭირეთ ↵ Enter

ეს არის Javascript– ის გახსნის ტეგი. Javascript– ის ყველა კოდირება უნდა მოხდეს ამ ტეგის შემდეგ.

დაბეჭდეთ Javascript– ში ნაბიჯი 6
დაბეჭდეთ Javascript– ში ნაბიჯი 6

ნაბიჯი 6. ჩაწერეთ document.getElementById

ეს არის javascript კოდი HTML ელემენტის გამოძახებით მისი ID- ით.

დაბეჭდეთ Javascript– ში ნაბიჯი 7
დაბეჭდეთ Javascript– ში ნაბიჯი 7

ნაბიჯი 7. ჩაწერეთ აბზაცის ელემენტის ID ბრჭყალებში ბრჭყალებში

თუ თქვენი აბზაცის ელემენტია"

", თქვენი javascript კოდი წაიკითხავს" document.getElementById ("მათემატიკა") ".

დაბეჭდეთ Javascript– ში ნაბიჯი 8
დაბეჭდეთ Javascript– ში ნაბიჯი 8

ნაბიჯი 8. ჩაწერეთ. InnerHTML = ფრჩხილის შემდეგ

ეს ბრძანება გამოიყენება HTML ელემენტის გამოყენებით ტექსტის შედეგების საჩვენებლად.

დაბეჭდეთ Javascript– ში ნაბიჯი 9
დაბეჭდეთ Javascript– ში ნაბიჯი 9

ნაბიჯი 9. ჩაწერეთ რისი დაბეჭდვა გსურთ, რასაც მოჰყვება მძიმით (;

).

თქვენ შეგიძლიათ აჩვენოთ ტექსტი, ცვლადი, რიცხვები ან მათემატიკური განტოლება.

მაგალითად, ჩაწერეთ "document.getElementById (" დემო "). InnerHTML = 27 + 33;" დაბეჭდოს ჯამი 27 + 33

დაბეჭდეთ Javascript– ში ნაბიჯი 10
დაბეჭდეთ Javascript– ში ნაბიჯი 10

ნაბიჯი 10. დააჭირეთ ↵ Enter და ჩაწერეთ

ეს ტეგი ხურავს თქვენს Javascript კოდს. ჩაწერეთ ეს ტეგი, როდესაც დასრულდება, შეიყვანეთ Javascript– ის ყველა სტრიქონი. როდესაც თქვენ გადმოტვირთავთ HTML დოკუმენტს ვებ ბრაუზერში, ის იბეჭდება HTML დოკუმენტის შიგნით.

მეთოდი 2 დან 4: ფანჯრის გაფრთხილების გამოყენება

დაბეჭდეთ Javascript– ში ნაბიჯი 11
დაბეჭდეთ Javascript– ში ნაბიჯი 11

ნაბიჯი 1. ჩაწერეთ თქვენი HTML დოკუმენტის ძირითადი ნაწილი

ეს არის Javascript– ის გახსნის ტეგი.

დაბეჭდეთ Javascript– ში ნაბიჯი 12
დაბეჭდეთ Javascript– ში ნაბიჯი 12

ნაბიჯი 2. დააჭირეთ ↵ Enter და აკრიფეთ alert

ეს არის javascript ბრძანება ამომხტარი ფანჯრის გაფრთხილების გასახსნელად.

დაბეჭდეთ Javascript– ში ნაბიჯი 13
დაბეჭდეთ Javascript– ში ნაბიჯი 13

ნაბიჯი 3. ჩაწერეთ რისი დაბეჭდვა გსურთ ფრჩხილებში

თქვენ შეგიძლიათ ჩაწეროთ ტექსტი, ცვლადი, რიცხვები ან მათემატიკური განტოლება. მაგალითად, "alert (" გამარჯობა ტკბილო! ")" აჩვენე "გამარჯობა ტკბილო!" ამომხტარი ფანჯარაში.

დაბეჭდეთ Javascript– ში ნაბიჯი 14
დაბეჭდეთ Javascript– ში ნაბიჯი 14

ნაბიჯი 4. დაამატეთ ნახევრად მსხვილი ნაწლავი (;

) ბოლოს.

ეს ხურავს Javascript– ის თქვენს ხაზს. მთელი ხაზი უნდა გამოიყურებოდეს "გაფრთხილება (" გამარჯობა ტკბილო! ");".

დაბეჭდეთ Javascript– ში ნაბიჯი 15
დაბეჭდეთ Javascript– ში ნაბიჯი 15

ნაბიჯი 5. დააჭირეთ ↵ Enter და ჩაწერეთ

ეს ტეგი ხურავს თქვენს Javascript კოდს. ჩაწერეთ ეს ტეგი Javascript– ის ყველა სტრიქონის შეყვანისას. როდესაც ჩატვირთავთ თქვენს HTML დოკუმენტს ბრაუზერში, ის გამოჩნდება იმ ტექსტში, რომლის დაბეჭდვაც გსურთ ამომხტარი ფანჯარაში.

თქვენ ასევე შეგიძლიათ შექმნათ ღილაკი, რომელიც აჩვენებს დაბეჭდილ ტექსტს ამომხტარ ფანჯარაში. ამისათვის ჩაწერეთ "ღილაკი ტექსტი"

მეთოდი 3 დან 4: კონსოლის ჟურნალის გამოყენება

დაბეჭდეთ Javascript– ში ნაბიჯი 16
დაბეჭდეთ Javascript– ში ნაბიჯი 16

ნაბიჯი 1. ჩაწერეთ თქვენი HTML დოკუმენტის ძირითადი ნაწილი

ეს არის Javascript– ის გახსნის ტეგი.

დაბეჭდეთ Javascript– ში ნაბიჯი 17
დაბეჭდეთ Javascript– ში ნაბიჯი 17

ნაბიჯი 2. დააჭირეთ ↵ Enter და ჩაწერეთ console.log

ეს არის javascript ბრძანება კონსოლის ჟურნალისთვის. კონსოლის ჟურნალი ბეჭდვის ბრძანებასთან ყველაზე ახლოს არის ტიპიური კოდირების მნიშვნელობით. ის არ აჩვენებს ტექსტს თქვენს ვებ გვერდზე, მაგრამ აჩვენებს ტექსტს კონსოლის შიგნით, როდესაც თქვენ აწარმოებთ თქვენს HTML/Javascript ვებ ბრაუზერში. ეს გამოსაყენებლად სასარგებლოა.

დაბეჭდეთ Javascript– ში ნაბიჯი 18
დაბეჭდეთ Javascript– ში ნაბიჯი 18

ნაბიჯი 3. ჩაწერეთ ტექსტი, რომლის შესვლა გსურთ ფრჩხილებში

ეს შეიძლება იყოს ტექსტი (სტრიქონი), ცვლადი, რიცხვები ან მათემატიკური განტოლება. მაგალითად, console.log (ვბეჭდავ Javascript- ში).

დაბეჭდე Javascript– ში ნაბიჯი 19
დაბეჭდე Javascript– ში ნაბიჯი 19

ნაბიჯი 4. დაამატეთ ნახევრად მსხვილი ნაწლავი (;

) ბოლოს.

ეს ხურავს Javascript– ის თქვენს ხაზს. მთელი ხაზი უნდა გამოიყურებოდეს "nowiki> console.log (ვბეჭდავ Javascript- ში)

დაბეჭდეთ Javascript– ში ნაბიჯი 20
დაბეჭდეთ Javascript– ში ნაბიჯი 20

ნაბიჯი 5. დააჭირეთ ↵ Enter და ჩაწერეთ

ეს ტეგი ხურავს თქვენს Javascript კოდს. ჩაწერეთ ეს ტეგი Javascript– ის ყველა სტრიქონის შეყვანისას.

დაბეჭდეთ Javascript– ში ნაბიჯი 21
დაბეჭდეთ Javascript– ში ნაბიჯი 21

ნაბიჯი 6. შეინახეთ თქვენი HTML დოკუმენტი

გამოიყენეთ შემდეგი ნაბიჯები თქვენი HTML დოკუმენტის შესანახად.

  • დააწკაპუნეთ ფაილი ტექსტის რედაქტორის ან HTML რედაქტირების პროგრამის ზედა ნაწილში.
  • დააწკაპუნეთ Შეინახე როგორც.
  • ჩაწერეთ ფაილის სახელი HTML დოკუმენტისთვის.
  • დარწმუნდით, რომ შეინახება როგორც ".html" დოკუმენტი.
  • დააწკაპუნეთ Შენახვა.
დაბეჭდეთ Javascript– ში ნაბიჯი 22
დაბეჭდეთ Javascript– ში ნაბიჯი 22

ნაბიჯი 7. გახსენით HTML დოკუმენტი ბრაუზერში

გახსენით თქვენთვის სასურველი ნებისმიერი ბრაუზერი და ჩაწერეთ HTML დოკუმენტის ფაილის მდებარეობა მისამართების ზოლში, ზედა ნაწილში. ეს გახსნის HTML დოკუმენტს თქვენს ბრაუზერში.

დაბეჭდეთ Javascript– ში ნაბიჯი 23
დაბეჭდეთ Javascript– ში ნაბიჯი 23

ნაბიჯი 8. დააჭირეთ F12

ეს ხსნის დეველოპერის რეჟიმს თქვენს ბრაუზერში. თქვენ ნახავთ ახალ ფანჯარას HTML, CSS და Javascript კოდით.

დაბეჭდეთ Javascript– ში ნაბიჯი 24
დაბეჭდეთ Javascript– ში ნაბიჯი 24

ნაბიჯი 9. დააწკაპუნეთ კონსოლზე

ის დეველოპერის რეჟიმის ფანჯრის ზედა ნაწილშია.

დაბეჭდეთ Javascript– ში ნაბიჯი 25
დაბეჭდეთ Javascript– ში ნაბიჯი 25

ნაბიჯი 10. განაახლეთ თქვენი ბრაუზერი

დაბეჭდეთ Javascript– ში ნაბიჯი 26
დაბეჭდეთ Javascript– ში ნაბიჯი 26

ნაბიჯი 1. აკრიფეთ <ღილაკი onclick = თქვენი HTML დოკუმენტის სხეულში

ეს არის HTML ტეგის გახსნა, რომ შექმნათ ღილაკი თქვენს HTML- ში.

დაბეჭდე Javascript– ში ნაბიჯი 27
დაბეჭდე Javascript– ში ნაბიჯი 27

ნაბიჯი 2. ჩაწერეთ "window.print ()"> ტოლობის (=) ნიშნის შემდეგ

"Window.print ()" ბრძანება არის Javascript ბრძანება თქვენი ვებ ბრაუზერის ფანჯრის შინაარსის დასაბეჭდად. ფრჩხილი (>) ამთავრებს HTML ღილაკის გახსნის ტეგს.

დაბეჭდეთ Javascript– ში ნაბიჯი 28
დაბეჭდეთ Javascript– ში ნაბიჯი 28

ნაბიჯი 3. ჩაწერეთ ტექსტი, რომლის გადატანა გსურთ ღილაკზე

ეს უნდა მოხდეს ფრჩხილის შემდეგ (>). მაგალითად, შეგიძლიათ აკრიფოთ "დააწკაპუნეთ აქ დასაბეჭდად" ან მსგავსი რამ.

დაბეჭდეთ Javascript– ში ნაბიჯი 29
დაბეჭდეთ Javascript– ში ნაბიჯი 29

ნაბიჯი 4. ტიპი

ეს ხურავს HTML ღილაკის ელემენტს. როდესაც თქვენ გადააქვთ თქვენი HTML ვებ ბრაუზერში, ის შექმნის ღილაკს, რომელზეც შეგიძლიათ დააწკაპუნოთ იორუ ბრაუზერის შინაარსის დასაბეჭდად.

გირჩევთ: