Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
tombol berubah jika di refresh
Jadi gini saya habis nonton video yang darkmode dengan 1 tombol dan saya ubah ubah pake icon dari fontawesome dan pas saya refresh, tombolnya kembali seperti semula sedangkan warna body nya tetap
ini code nya :
<script>
if (localStorage.getItem("theme") == "dark") {
setDarkmode()
}
function setDarkmode() {
let isDark = document.body.classList.toggle("darkmode")
let darktog = document.getElementById("toggledark");
if(isDark){
darktog.className = "fa fa-sun-o"
localStorage.setItem("theme", "dark");
}else{
darktog.className = "fa fa-moon-o"
localStorage.removeItem("theme");
}
}
</script>
<button type="button" onclick="setDarkmode()" class="button-color btn btn mr-3" style="box-shadow: none;">
<i class="fa fa-moon-o" id="toggledark"></i>
</button>
2 Jawaban:
<div>Jika ada yang lebih dinamis tulis di sini ya....<br><br>ini contoh dari kak Hilman di videonya saya jadi ini gini, pingin nya biar tag i nya cuma rubah di bagian class, udah bisa di rubah pakai script pertama, tapi kyk ga kesimpan di localstorage nya jadi pas di refresh body warna tetap tapi button nya kembali seperti semula<br><br>code : </div><pre><script> if (localStorage.getItem("theme") == "dark") { setDarkmode() } function setDarkmode() { let isDark = document.body.classList.toggle("darkmode") let butdark = ""; if(isDark){ butdark = "<i class='fa fa-sun-o'></i>" localStorage.setItem("theme", "dark"); }else{ butdark = "<i class='fa fa-moon-o'></i>" localStorage.removeItem("theme"); } document.getElementById("button-toggle").innerHTML = butdark; } </script> <button type="button" onclick="setDarkmode()" id="button-toggle" class="button-color btn btn mr-3" style="box-shadow: none;"> <i class="fa fa-moon-o"></i> </button></pre>
Jawaban Terpilih
<div>[ SOLVED ]<br>Sudah bisa wkwk aneh tapi nyata setelah saya pisah dari file HTML nya dan saya buat file js nya sendiri langsung bisa, kedua code ini work ternyata 🤣🤣</div>