Javascript менен басып чыгаруунун 4 жолу

Мазмуну:

Javascript менен басып чыгаруунун 4 жолу
Javascript менен басып чыгаруунун 4 жолу

Video: Javascript менен басып чыгаруунун 4 жолу

Video: Javascript менен басып чыгаруунун 4 жолу
Video: Жолугушуу №2-24.04.2022 | ETF командасынын мүчөсү жана диалог... 2024, Апрель
Anonim

Компьютердик программалоодо, Басып чыгаруу-бул тексттин кандайдыр бир түрүн экранда көрсөтүү үчүн колдонулган команда. Бул текстти (сапты), өзгөрмөнү, сандарды же математикалык эсептөөлөрдү көрсөтүү үчүн колдонулушу мүмкүн. Көптөгөн программисттер үйрөнгөн эң биринчи нерселердин бири - "Hello World!" Дисплейинде программа түзүү үчүн Print командасын колдонуу. Башка программалоо тилдеринен айырмаланып, Javascript веб -браузерде көрсөтүлөт. Javascript башка көптөгөн тилдер сыяктуу жөнөкөй Басып чыгаруу командасына ээ эмес. Бирок, текстти HTML документтин ичинде, эскертүү терезесинде, консолдо көрсөтүүнүн көптөгөн жолдору бар. Ошондой эле принтерден басып чыгаруу үчүн Javascriptти колдонсоңуз болот.

Кадамдар

Метод 1 4: InnerHTML колдонуу

Javascript менен басып чыгаруу 1 -кадам
Javascript менен басып чыгаруу 1 -кадам

Кадам 1. HTML документиңиздин корпусуна <p id = териңиз

Бул белгилүү бир id менен параграфтын текстин ачуучу HTML теги.

HTML кодун кантип жазуу керектиги жөнүндө көбүрөөк маалымат алуу үчүн, HTML менен жөнөкөй веб баракты кантип түзүү керектигин караңыз

Javascript менен басып чыгаруу 2 -кадам
Javascript менен басып чыгаруу 2 -кадам

Кадам 2. Абзацтын элементинин атын тырмакчага жазыңыз, андан кийин>

Бул абзацтын текст элементине Javascriptте кайра чакыртыла турган ID ыйгарат. Мисалы,"

".

HTML текстинин башка элементтерин да колдонсоңуз болот, мисалы {{kbd |

Javascript менен басып чыгаруу 3 -кадам
Javascript менен басып чыгаруу 3 -кадам

3 -кадам. Түрү

дароо кийин

тег.

Бул HTML параграфынын ачылыш пунктуна жабуучу тегди кошот

Javascript менен басып чыгаруу 4 -кадам
Javascript менен басып чыгаруу 4 -кадам

Кадам 4. Басуу ↵ Enter

Бул сиздин HTMLге жаңы сапты кошот.

Javascript менен басып чыгаруу 5 -кадам
Javascript менен басып чыгаруу 5 -кадам

Кадам 5. Терип, press Enter баскычын басыңыз

Бул сиздин Javascript үчүн ачылуучу теги. Бардык Javascript коддору ушул тегден кийин кетиши керек.

Javascript менен басып чыгаруу 6 -кадам
Javascript менен басып чыгаруу 6 -кадам

Step 6. Type document.getElementById

Бул HTML элементин идентификатору менен чакыруу үчүн JavaScript коду.

Javascript менен басып чыгаруу 7 -кадам
Javascript менен басып чыгаруу 7 -кадам

Кадам 7. Параграфтын элементинин идентификаторун кашаанын ичинде тырмакчаларга жазыңыз

Эгерде абзацтын элементи"

", сиздин 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 2: Терезе эскертүүсүн колдонуу

Javascript менен басып чыгаруу 11 -кадам
Javascript менен басып чыгаруу 11 -кадам

Кадам 1. HTML документиңиздин текстин жазыңыз

Бул сиздин Javascript үчүн ачылуучу теги.

Javascript менен басып чыгаруу 12 -кадам
Javascript менен басып чыгаруу 12 -кадам

Кадам 2. ↵ Enter баскычын басып, эскертүү териңиз

Бул калкыма терезе эскертүүсүн ачуу үчүн JavaScript буйругу.

Javascript менен басып чыгаруу 13 -кадам
Javascript менен басып чыгаруу 13 -кадам

Кадам 3. Кашаага басып чыгаргыңыз келгенди териңиз

Сиз текстти, өзгөрмөнү, сандарды же математикалык теңдемени тере аласыз. Мисалы, "alert (" Hello Sweety! ")" Көрсөтүү үчүн "Hello Sweety!" калкыма терезеде.

Javascript менен басып чыгаруу 14 -кадам
Javascript менен басып чыгаруу 14 -кадам

4-кадам. Үч чекит кошуу (;

) аягында.

Бул сиздин Javascript линиясын жабат. Бүт сап "alert (" Hello Sweety! ") Сыяктуу нерсеге окшош болушу керек.

Javascript менен басып чыгаруу 15 -кадам
Javascript менен басып чыгаруу 15 -кадам

Кадам 5. Басуу ↵ Enter жана терүү

Бул тег JavaScript кодуңузду жабат. JavaScriptтин бардык саптарын киргизип бүткөндөн кийин бул тегди териңиз. HTML документиңизди веб-браузерге жүктөгөнүңүздө, ал сиз басып чыгаргыңыз келген текстти калкыма терезеде көрсөтөт.

Сиз ошондой эле калкып чыккан терезеде басылган текстти көрсөтүүчү баскычты түзө аласыз. Бул үчүн, "Баскычтын текстин" териңиз

Метод 3 3: Console Log колдонуу

Javascript менен басып чыгаруу 16 -кадам
Javascript менен басып чыгаруу 16 -кадам

Кадам 1. HTML документиңиздин текстин жазыңыз

Бул сиздин Javascript үчүн ачылуучу теги.

Javascript менен басып чыгаруу 17 -кадам
Javascript менен басып чыгаруу 17 -кадам

Кадам 2. Басуу ↵ Enter жана терүү console.log

Бул консоль журналы үчүн JavaScript буйругу. Консоль журналы типтүү коддоо маанисинде Print буйругуна эң жакын нерсе. Ал веб баракчаңызда текстти көрсөтпөйт, бирок 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 -кадам

Step 7. Веб -браузерде HTML документти ачыңыз

Сиз тандаган каалаган веб -браузерди ачыңыз жана HTML документинин файл жайгашкан жерин үстүндөгү дарек тилкесине териңиз. Бул сиздин веб браузериңизде HTML документин ачат.

Javascriptте басып чыгаруу 23 -кадам
Javascriptте басып чыгаруу 23 -кадам

Кадам 8. F12 басыңыз

Бул веб браузериңизде Иштеп чыгуучу режимин ачат. Сиз HTML, CSS жана Javascript коду көрсөтүлгөн жаңы терезени көрөсүз.

Javascript 24 -кадамда басып чыгаруу
Javascript 24 -кадамда басып чыгаруу

Step 9. Click Console

Бул иштеп чыгуучу режими терезесинин жогору жагында.

Javascriptте басып чыгаруу 25 -кадам
Javascriptте басып чыгаруу 25 -кадам

Кадам 10. Браузериңизди жаңыртыңыз

Javascript менен басып чыгаруу 26 -кадам
Javascript менен басып чыгаруу 26 -кадам

Кадам 1. HTML документиңиздин корпусуна <button onclick = териңиз

Бул HTML ичинде баскычты түзүү үчүн ачылуучу HTML теги.

Javascript менен басып чыгаруу 27 -кадам
Javascript менен басып чыгаруу 27 -кадам

Кадам 2. Терең "window.print ()"> барабар (=) белгисинен кийин

"Window.print ()" буйругу веб браузериңиздин терезесинин мазмунун басып чыгаруу үчүн Javascript командасы. Кронштейн (>) HTML баскычынын ачылыш тегин бүтүрөт.

Javascript менен басып чыгаруу 28 -кадам
Javascript менен басып чыгаруу 28 -кадам

Кадам 3. Баскычка баргыңыз келген текстти териңиз

Бул кашаадан кийин (>) өтүшү керек. Мисалы, "Басып чыгаруу үчүн бул жерди басыңыз" же ушул сыяктуу нерселерди терсеңиз болот.

Javascript менен басып чыгаруу 29 -кадам
Javascript менен басып чыгаруу 29 -кадам

Step 4. Type

Бул HTML баскычынын элементин жабат. HTMLиңизди веб -браузерде көрсөткөнүңүздө, ал баскычты түзөт, ал баскычты басып, yoru веб браузеринин мазмунун басып чыгара аласыз.

Сунушталууда: