JS natija chiqarish
JavaScript natija chiqarish imkoniyatlari
JavaScript ma’lumotlarni turli usullar bilan chiqarishi mumkin:
innerHTMLyokiinnerTextyordamida HTML elementiga yozish.- HTML oqimiga yozish —
document.write()orqali. - Ogohlantirish oynasiga chiqarish —
window.alert()orqali. - Brauzer konsoliga yozish —
console.log()orqali.
innerHTML dan foydalanish
HTML elementiga kirish uchun siz document.getElementById(id) usulidan foydalanishingiz mumkin.
HTML elementini aniqlash uchun id atributidan foydalaning.
Keyin HTML elementining HTML tarkibini o‘zgartirish uchun innerHTML xususiyatidan foydalaning:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "<h2>Hello World</h2>";
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
HTML elementining innerHTML xususiyatini o‘zgartirish HTMLda ma’lumotlarni ko‘rsatishning eng keng tarqalgan usuli hisoblanadi.
innerText dan foydalanish
HTML elementiga kirish uchun document.getElementById(id) usulidan foydalaning.
Keyin HTML elementining ichki matnini o‘zgartirish uchun innerText xususiyatidan foydalaning:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerText = "Hello World";
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
HTML elementini o‘zgartirmoqchi bo‘lganingizda innerHTML dan foydalaning.
Faqat oddiy matnni o‘zgartirmoqchi bo‘lganingizda innerText dan foydalaning.
document.write() dan foydalanish
Sinov maqsadlarida document.write() dan foydalanish qulay:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
Ogohlantirish: HTML hujjat to‘liq yuklangandan keyin document.write() ishlatilsa, u mavjud barcha HTML tarkibni o‘chirib yuboradi:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
O‘zingiz sinab ko‘ring »
document.write() metodidan faqat test sinovlari uchun foydalanish kerak.
window.alert() dan foydalanish
Ma’lumotni ko‘rsatish uchun ogohlantirish oynasidan (alert) foydalanishingiz mumkin:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
window kalit so‘zini yozmasdan shunchaki alert() deb yozish ham mumkin.
JavaScript-da window Object global Scope Object hisoblanadi. Bu barcha o‘zgaruvchilar va metodlar sukut bo‘yicha window obyektiga tegishli ekanligini bildiradi. Shuning uchun window kalit so‘zini ko‘rsatish ixtiyoriydir:
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
console.log() dan foydalanish
Nosozliklarni aniqlash (debugging) uchun brauzer konsoliga ma’lumot chiqaruvchi console.log() metodidan foydalanishingiz mumkin.
Nosozliklarni tuzatish haqida keyingi bobda ko‘proq bilib olasiz.
Misol
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
JavaScript sahifani chop etish
JavaScript-da chop etish uchun alohida Object yoki metodlar mavjud emas.
JavaScript yordamida tashqi chiqarish qurilmalariga to‘g‘ridan-to‘g‘ri murojaat qilib bo‘lmaydi.
Yagona istisno — joriy oynadagi tarkibni printerda chop etish uchun brauzerning window.print() metodini chaqirish mumkin.
Misol
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>
O‘zingiz sinab ko‘ring »
Video: JavaScript chiqishi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!