Sorununuz loadBackground'da saklı, bu fonksiyon localStorage'dan sheetKey'i çekiyor ama; ya yoksa? Bunun için burada ufak bir düzenleme yapıp eğer bu değer undefined ise default değeri yüklemesini sağlamalısınız.
var loadbackground = function () {
let sheetKey = localStorage.getItem('sheetKey');
if (!sheetKey) {
sheetKey = 'style1.css'
}
document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('sheetKey'));
}
Verdiğiniz kodu şu şekilde düzenledim ancak sorun hala aynı hocam
<script>
var swapStyleSheet = function (sheet) {
document.getElementById('pagestyle').setAttribute('href', sheet);
storebackground(sheet);
}
var storebackground = function (swapstylesheet) {
localStorage.setItem("sheetKey", swapstylesheet); //you need to give a key and value
}
var loadbackground = function () {
let sheetKey = localStorage.getItem('sheetKey');
if (!sheetKey) {
sheetKey = 'https://bootswatch.com/5/sketchy/bootstrap.min.css'
}
document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('sheetKey'));
}
window.onload = loadbackground();
</script>