လုပ်နည်း - Dark Mode ကို ပြောင်းပါ။
CSS နှင့် JavaScript ဖြင့် အမှောင်နှင့်အလင်းမုဒ်ကြားသို့ ပြောင်းပါ။
အတန်းပြောင်းရန်
အဆင့် 1) HTML ကိုထည့်ပါ
သင်ဒီဇိုင်းပြောင်းလိုသော အကြောင်းအရာကို သိမ်းဆည်းသင့်သည့် မည်သည့်ဒြပ်စင်ကိုမဆို အသုံးပြုပါ။ <body>
ကျွန်ုပ်တို့၏ဥပမာတွင်၊ ကျွန်ုပ်တို့သည် ရိုးရှင်းမှုအတွက် အသုံးပြုပါမည် -
ဥပမာ
<body>
အဆင့် 2) CSS ကိုထည့်ပါ
ဒြပ်စင် ကို ပုံစံ ထုတ်ပြီး ခလုတ်ဖွင့်ရန်အတွက် အတန်း <body>
တစ်ခုကို ဖန်တီးပါ -.dark-mode
ဥပမာ
body {
padding: 25px;
background-color: white;
color: black;
font-size: 25px;
}
.dark-mode {
background-color: black;
color: white;
}
အဆင့် 3) JavaScript ကိုထည့်ပါ။
ဒြပ် စင်ကိုရယူပြီး အတန်း <body>
ကြားတွင် ပြောင်းပါ -.dark-mode
ဥပမာ
function myFunction() {
var element =
document.body;
element.classList.toggle("dark-mode");
}
အကြံပြုချက်- အတန်းတစ်ခုကို ထည့်နည်း ကိုလည်း ကြည့်ပါ ။
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript ရည်ညွှန်းချက်ရှိ classList ပိုင်ဆိုင်မှု အကြောင်း ပိုမိုလေ့လာပါ ။