Veb: JavaScript
JavaScript qo‘shish
JavaScript W3.CSS sahifasiga interaktivlik qo‘shishi mumkin.
Bu bobda kontentni ko‘rsatish va yashirish uchun JavaScript’dan foydalanamiz.
Kontentni yashirish va ko‘rsatish
W3.CSS elementlarni yashirish uchun w3-hide klassini taqdim etadi.
Foydalanuvchi tugmani bosganda JavaScript bu klassni qo‘shishi yoki olib tashlashi mumkin.
Misol
<button class="w3-button w3-black" onclick="toggleLondon()">
Show / Hide London
</button>
<div id="London" class="w3-container w3-red">
<h2>London</h2>
<p>London is the capital city of England.</p>
</div>
<script>
function toggleLondon() {
document.getElementById("London").classList.toggle("w3-hide");
}
</script>
O‘zingiz sinab ko‘ring »
JavaScript tushuntirmasi
Tugma bosilganda onclick atributi toggleLondon() funksiyasini ishga tushiradi.
document.getElementById() metodi id="London" ga ega elementni tanlaydi.
classList.toggle() metodi klass mavjud bo‘lmasa w3-hide ni qo‘shadi, klass allaqachon mavjud bo‘lsa, uni olib tashlaydi.
JavaScript
function toggleLondon() {
document.getElementById("London").classList.toggle("w3-hide");
}
JavaScript’dan faqat kerak bo‘lganda foydalaning
W3.CSS sahifaning tashqi ko‘rinishi va maketini boshqaradi.
JavaScript sahifa foydalanuvchi harakatlariga javob berishi kerak bo‘lganda foydali.
Masalan, JavaScript quyidagilarni bajarishi mumkin:
- Kontentni ko‘rsatish va yashirish
- Menyularni ochish va yopish
- Tablarni almashtirish
- Slayd-shoularni boshqarish
- Sahifa kontentini yangilash
Eslatma
JavaScript’ning murakkabroq imkoniyatlari JavaScript darsligida yoritilgan.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!