MohirDox

Ko'rinishi

JavaScript Ma'lumotlarini Chiqarish ​

JavaScript-da ma'lumotlarni "chiqarish" yoki ko'rsatishning bir necha xil usullari mavjud:

  • innerHTML yoki innerText yordamida HTML elementiga yozish.
  • document.write() yordamida bevosita HTML oqimiga yozish.
  • window.alert() yordamida ogohlantirish oynasiga yozish.
  • console.log() yordamida brauzer konsoliga yozish.

innerHTML-dan foydalanish ​

HTML elementiga kirish uchun document.getElementById(id) metodidan foydalanishingiz mumkin. Elementni aniqlash uchun id atributini ishlating, so'ngra uning mazmunini o'zgartirish uchun innerHTML xususiyatidan foydalaning:

Misol

html
<h1>Mening birinchi veb-sahifam</h1>
<p id="demo"></p>

<script>
  document.getElementById("demo").innerHTML = "<h2>Salom Dunyo</h2>";
</script>

Eslatma

HTML elementining innerHTML xususiyatini o'zgartirish — JavaScript-da ma'lumotlarni ko'rsatishning eng keng tarqalgan usulidir.

innerText-dan foydalanish ​

Agar siz element ichiga HTML teglari emas, balki faqat oddiy matn yozmoqchi bo'lsangiz, innerText xususiyatidan foydalanganingiz ma'qul:

Misol

js
document.getElementById("demo").innerText = "Salom Dunyo";
  • innerHTML: HTML elementini (teglari bilan birga) o'zgartirish uchun.
  • innerText: Faqat oddiy matnni o'zgartirish uchun.

document.write()-dan foydalanish ​

Sinov maqsadlarida document.write()-dan foydalanish qulay bo'lishi mumkin:

Misol

html
<script>
  document.write(5 + 6);
</script>

Ogohlantirish

HTML hujjati to'liq yuklangandan so'ng document.write()-dan foydalanish mavjud barcha HTML mazmunini o'chirib yuboradi:

Misol

html
<button type="button" onclick="document.write(5 + 6)">Sinab ko'ring</button>

Eslatma

document.write() metodi faqat sinov yoki test qilish uchun tavsiya etiladi.

window.alert()-dan foydalanish ​

Ma'lumotlarni ko'rsatish uchun ogohlantirish oynasidan (alert box) foydalanishingiz mumkin:

Misol

js
window.alert(5 + 6);

Siz window kalit so'zini tashlab ketishingiz ham mumkin:

Misol

js
alert(5 + 6);

JavaScript-da window ob'ekti global qamrov ob'ekti hisoblanadi. Shuning uchun barcha o'zgaruvchilar va metodlar sukut bo'yicha window ob'ektiga tegishli bo'ladi.

console.log()-dan foydalanish ​

Dasturdagi xatolarni topish (debugging) uchun brauzerning konsoliga ma'lumot chiqarish juda foydali usuldir:

Misol

js
console.log(5 + 6);

JavaScript orqali chop etish ​

JavaScript-da chop etish uchun maxsus ob'ekt yoki metodlar yo'q (masalan, printerga yuborish uchun). Siz tashqi chop etish qurilmalariga JavaScript orqali to'g'ridan-to'g'ri murojaat qila olmaysiz.

Biroq, brauzerda joriy oynaning mazmunini chop etish oynasiga chiqarish uchun window.print() metodini chaqirishingiz mumkin:

Misol

html
<button onclick="window.print()">Ushbu sahifani chop etish</button>