javascript - .setZoom() function on Google Map -

i create map using:

var mapoptions = {         zoom : 15     };     //create map.     map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions); 

i add slider bar on html file :

 <div class="sliderbar" id="sliderbar">                 <input type="range" min="1" max="100" value="1" step="1"                     onchange="showvalue(this.value)" /> <span id="range">1</span> </div> 

so when value of slider bar changed, evoke showvalue(this.value) function

with function have changed map zoom's, works first time. so, when change value works, if change value again doesn't work.

this function:

function showvalue(newvalue) {     document.getelementbyid("range").innerhtml = newvalue;      //var value=1;     value = newvalue;        if(50<value<=100){         map.setzoom(11);     }else if(25<value<=50){         map.setzoom(12);     }else if(10<value<=25){         map.setzoom(13);     }else if(5<value<=10){         map.setzoom(14);     }else{         map.setzoom(15);     } } 

how can fix problem?

found / solved . problem if condition

try condition in way

function showvalue(newvalue) {     document.getelementbyid("range").innerhtml = newvalue;       value = newvalue;        if ( value > 10 &&  value <= 25){         map.setzoom(13);         return      }     if ( value > 25 &&  value <= 50){         map.setzoom(12);         return;      }     if ( value > 50 && value <= 100){         map.setzoom(11);         return     }     if (  value > 5 && value <= 10){         map.setzoom(14);         return     }      map.setzoom(15);     return  }