The if statement gives me the correct information for swipeDirection
and swipeLength
and I've obtained both the results of the IF and the ELSE except for the image changing.
if ( (swipeDirection = 'down') && (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 + '°' + '<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" + 'Star开发者_运维技巧t H:' + startX + ' V:' + startY + '<br>' + ' End H:' + curX + ' V:' + curY + '<br>' + "Swipe Length: " + swipeLength + '<br>' + 'Swipe Angle: ' + swipeAngle + '°' + '<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';
Try .backgroundImage
(NB: capital "i")
The property is backgroundImage
not backgroundimage
, and the syntax of a URL in CSS is url(railroadtracks.png)
not just railroadtracks.png
You're assigning (=) instead of comparing (==) here:
if ( (swipeDirection = 'down') && (swipeLength >= 180) ) {
Did you mean to do swipeDirection = 'down'
instead of swipeDirection == 'down'
?
精彩评论