#javascript #html #if-statement #background #local-storage
Вопрос:
Я создал страницу конфигураций, на которой при нажатии кнопки меняется фон, цвет или изображение,я создал img локальных хранилищ и цвет, моя проблема в том, что, когда они одновременно не равны нулю, вместо фона для изображения используется фон с «цветом», код, который я пытаюсь, это:
if (localStorage.getItem("Color") === null) { //if Color is null if (localStorage.getItem("img") === null) {// And Image too document.body.style.backgroundImage = "url('css/Images/Instruments/pexels-pixabay-459797.jpg')"; // a image appear in the background } else { // else if Color is null but img isint document.body.style.backgroundImage = localStorage.getItem("img"); //load the image in the background } // THIS IS My problem: i dont know how to check if both arent null if(localStorage.getItem("Color") !== 'null' localStorage.getItem("img") !== 'null'){ //If Both arent null document.body.style.backgroundImage = localStorage.getItem("img"); // load the Image not the background } }}; Комментарии:
1. И серьезно, проверка на null-это не то, о чем нужно спрашивать на StackOverflow, это серьезный сайт
2. Как вы думаете, что будет делать эта линия:
if(localStorage.getItem("Color") !== 'null' localStorage.getItem("img") !== 'null'){3. Я пробовал это, не сработало !== null
4. Значит, вы никогда раньше не выполняли логических операций? как вы можете проверить несколько выражений не таким образом, хотя
5. да, я просто не так хорош в этом, кк все еще изучаю javascript, я начал с другого языка.
Ответ №1:
вы можете использовать логический оператор amp;amp;, например:
if (!localStorage.getItem('color') { if (!localStorage.getItem('img') { document.body.style.backgroundImage = 'url("your image url")'; } else { document.body.style.backgroundImage = localStorage.getItem('img'); } if (localStorage.getItem('color') amp;amp; localStorage.getItem('img') { document.body.style.backgroundImage = localStorage.getItem('img'); } } Комментарии:
1. Спасибо! Просто нужно было добавить немного»)», но это сработало просто отлично! вау.