Оператор If не изменяет фоновое изображение

#javascript #html #if-statement

#javascript #HTML #оператор if

Вопрос:

Оператор if предоставляет мне правильную информацию для swipeDirection и swipeLength , и я получил оба результата IF и ELSE, за исключением изменения изображения.

 if ( (swipeDirection = 'down') amp;amp; (swipeLength >= 180) ) {
     touchEnabledElement.style.backgroundimage = 'railroadtracks.png';
     document.getElementById('message').innerHTML = "IF"   'Start H:'   startX   ' V:'   startY   '<br>'    ' End H:'   curX   ' V:'   curY    '<br>'   "Swipe Length: "   swipeLength   '<br>'   'Swipe Angle: '   swipeAngle   'amp;deg;'   '<br>'   'Swipe Direction: '   swipeDirection    '<br><br><span style="font-size:.5em;">(Please wait for green screen before swiping again)</span>';
} else {
    document.getElementById('message').innerHTML = "ELSE"   'Start H:'   startX   ' V:'   startY   '<br>'    ' End H:'   curX   ' V:'   curY    '<br>'   "Swipe Length: "   swipeLength   '<br>'   'Swipe Angle: '   swipeAngle   'amp;deg;'   '<br>'   'Swipe Direction: '   swipeDirection    '<br><br><span style="font-size:.5em;">(Please wait for green screen before swiping again)</span>';
     touchEnabledElement.style.backgroundimage = 'railroadtracks2.png';

Ответ №1:

Попробуйте .backgroundImage (ПРИМЕЧАНИЕ: заглавная «i»)

1. Пробовал это, но все равно никакого эффекта.

2. вы тоже пробовали исправить свойство Дэвида? «url(…)»

3. Это выдает мне сообщение об ошибке «не удается найти переменный URL». Это моя незавершенная работа: tinyurl.com/62hakh2

Ответ №2:

Свойство backgroundImage не backgroundimage , и синтаксис URL в CSS url(railroadtracks.png) не просто railroadtracks.png

1. Это выдает мне сообщение об ошибке «не удается найти переменный URL». Это моя незавершенная работа: tinyurl.com/62hakh2

2. Вам все равно нужно заключить строку в кавычки. "url(railroadtracks.png)"

Ответ №3:

Вы присваиваете (=) вместо сравнения (==) здесь:

 if ( (swipeDirection = 'down') amp;amp; (swipeLength >= 180) ) {

Ответ №4:

Вы имели в виду сделать swipeDirection = 'down' вместо swipeDirection == 'down' ?

1. Вы правы. Я изменил это, и оператор if работает, но изображение по-прежнему не меняется.

2. Попробуйте url('railroadtracks.png') ? И вы убедились, что ваш touchEnabledElement существует?

3. Элемент touchEnabledElement существует, потому что я использую его в другом месте страницы: tinyurl.com/62hakh2