Отображать изображения в соответствии с номером, установленным с интервала

Question

Я пытаюсь отобразить из svg, слоев в соответствии с числами, заданными с интервалом. У меня есть 2 случайных числа (слева и справа), которые отображаются для отображения из интервала (10,99) both.That работает хорошо, но мне нужно отобразить слой 1 (банан1) из svg, если он оставлен || справа принадлежит интервалу (10,20), то если слева || right принадлежит интервалу (20,30) для отображения слоя 2 (банан2) из ​​svg и т. д. до левого || right принадлежит интервалу (90,99) для отображения слоя 9 (банан 9). Существует 9 интервалов и 9 слоев из svg для отображения. Код я написал, как выглядит:

FIDDLE: http://jsfiddle.net/r68Bg/

for(var i = 0; i < 2; i++){ 
     panouri = document.getElementById('panou' + i); 
     svgDoc = panouri.contentDocument; 
    } 

где panou0 и panou1 являются 2 SVG, который имеет слои 2 номера, где я отображения позже случайных чисел набор из интервалов и 9 слоев, каждый с различным содержанием, которое должно отображаться в соответствии со случайными числами.

function randomIntFromInterval(min,max) 
{ 
    return Math.floor(Math.random()*(max-min+1)+min); 
}; 

function conditions(){ 
     left = randomIntFromInterval(10,99); 
     right = randomIntFromInterval(10,99); 

    for(var i = 0; i < 2; i++){ 
     ecuations.push(left, right); 
     randoms = document.getElementById("panou" + i).contentDocument; 
     numere = randoms.getElementById("number");  
     numere.textContent = ecuations[i]; 
     }  
}; 

где я добавить в мой SVG (panou0 и panou1) Randoms чисел от заданных интервалов.

function setBananeState(state) 
{ 
    for(var i = 1; i < 10; i++){ 
    svgItem = svgDoc.getElementById("banane" + i); 
    svgItem.setAttribute("display", "none"); 
    svgItem = svgDoc.getElementById(state); 
    svgItem.setAttribute("display", "inline"); 
    } 
}; 

    function getBanane(){ 
    if(left || right >= 30 && left || right <= 40){ 
     bananeState = "banane3"; 
     setBananeState(bananeState); 
    } 
}; 

Здесь у меня есть все слои из SVGs, который содержит бананы для отображения в соответствии с случайным числом заданного и функцией getBanane(), который имеет состояние для отображения layer1 (banane1 по идентификатору от SVG), если случайное число из интервала (10,20) .Unfortunately это не работает ... и я должен иметь больше 8 условие для отображения слоев из SVG, если случайные числа из разных интервала

Answer 1

Это не будет работать:

if(left || right == randomIntFromInterval(10,20)){ 

Что вы здесь делаете: OR ing left с right, который даст вам логическое значение, которое вы тогда сравниваете с randomIntFromInterval. Я думаю, что вы пытаетесь сделать, это:

var interval = randomIntFromInterval(10,20); 
if (left == interval || right == interval) { 

EDIT: Хорошо вы изменили свой вопрос. Так что теперь это:

if(left || right >= 30 && left || right <= 40){ 

Не верно, вы не можете писать if заявление, как, что в JavaScript, или в большинстве (вероятно все) языков программирования. Вы не можете сказать «если a или b больше x», как в обычной английской речи, потому что это неоднозначно. Вы должны явно сказать «если (a больше x) или (b больше x)». Таким образом, ваш if выше утверждение должно стать:

if ((left >= 30 || right >=30) && (left <= 40 || right <= 40)) { 

Хотя я не уверен, что это именно то, что вы хотите либо. Потому что здесь, если left==0 и right==41, то это утверждение будет истинным. Я думаю, что вы хотите, чтобы либо слева, либо справа, чтобы быть в промежутке, поэтому ваша лучшая проверка будет такой:

if ((left >= 30 && left <= 40) || (right >= 30 && right <= 40)) {