javascript - use id from another js file -

ok have legacy js results users test, have js file refrenced in code can use id results-percentile-2in html so

your score  <span id="results-percentile-2"></span>%  

however have piece of javascript call id in instead of in html

<script>         function move() {             var elem = document.getelementbyid("mybar");             var width = 0;             var id = setinterval(frame, 50);             function frame() {                 if (width >= 40) {                     clearinterval(id);                 } else {                     width++;                     elem.style.width = width + '%';                     document.getelementbyid("demo").innerhtml = width * 1  + '%';                 }             }         }     </script> 

i use results-percentile-2 set width, have tried

<script>         function move() {             var elem = document.getelementbyid("mybar");             var width = 0;             var id = setinterval(frame, 50);             function frame() {                 if (width >= document.getelementbyid("results-percentile-2")) {                     clearinterval(id);                 } else {                     width++;                     elem.style.width = width + '%';                     document.getelementbyid("demo").innerhtml = width * 1  + '%';                 }             }         }     </script> 

but correct way of doing not working, or should point correct js file id in example

if (width >= myjavascript.js.getelementbyid("results-percentile-2")) 

update

this legacy code im geting js

$("#next-button")         .click(function () {             a.eventhub.publish("ui/nextclick")         }), this.showview("test") }, ui.prototype.updatepercentile = function (a) {     if (this.isstandalone || -1 == a.percentile) $("#results-percentages")         .hide();     else {         $("#results-percentages")             .show(), $("#results-percentile-1")             .html(a.percentile), $("#results-suffix")             .html(a.suffix), $("#results-suffix-2")             .html(a.suffix), 1 === a.timestaken ? ($("#results-timestaken")             .html(a.timestaken + " time"), $("#results-percentile-2")             .html("100")) : ($("#results-timestaken")             .html(a.timestaken + " times"), $("#results-percentile-2")             .html(a.percentile));         var b = 0;         $("#percentile-scale .scale-item")             .each(function () {                 b += $(this)                     .outerwidth()             }), $("#percentile-scale .scale-indicator")             .css("width", b * a.percentile / 100 + "%"),             $(".scale-marker")                 .css("left", b * a.percentile / 100 + "%")      } 

with statement

if (width >= document.getelementbyid("results-percentile-2")) 

you comparing value object (a [span]).

you must change statement to

if (width >= document.getelementbyid("results-percentile-2").innerhtml)