Qorong‘i rejimni almashtirish
CSS va JavaScript yordamida qorong‘i va yorug‘ rejim o‘rtasida almashing.
Sinfni almashtirish (toggle class)
1-qadam) HTML qo‘shing:
Dizaynini almashtirmoqchi bo‘lgan kontentni saqlaydigan istalgan elementdan foydalaning. Misolimizda soddalik uchun <body> dan foydalanamiz:
Misol
<body>
2-qadam) CSS qo‘shing:
<body> elementini bezang va almashtirish uchun .dark-mode sinfini yarating:
Misol
body {
padding: 25px;
background-color: white;
color: black;
font-size: 25px;
}
.dark-mode {
background-color: black;
color: white;
}
3-qadam) JavaScript qo‘shing:
<body> elementini oling va .dark-mode sinfini almashtiring:
Misol
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}
O‘zingiz sinab ko‘ring »
Maslahat: Shuningdek, Sinf qanday qo‘shiladi sahifasiga qarang.
Maslahat: classList xususiyati haqida JavaScript ma’lumotnomamizda batafsil bilib oling.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!