无法在javascript中计算和显示TB

无法在javascript中计算和显示TB,javascript,Javascript,我有一个javascript代码,它根据箭头移动显示不同的值。我无法准确解释,所以请看图片 我已经设法改变了一切,除了带宽的数量。移动箭头上的带宽保持不变,即2TB <div class="sliderCon"> <div class="slider-wrap slider-container"> <input readonly="" class="value" onchange="s.setValue(parseInt(this.value))" name="hv

我有一个javascript代码,它根据箭头移动显示不同的值。我无法准确解释,所以请看图片

我已经设法改变了一切,除了带宽的数量。移动箭头上的带宽保持不变,即2TB

<div class="sliderCon">
<div class="slider-wrap slider-container">
<input readonly="" class="value" onchange="s.setValue(parseInt(this.value))" name="hvalue" id="hvalue" value="0" type="hidden">
<div tabindex="1" id="slider1" class="horizontal dynamic-slider-control">
<input id="sliderinput1" class="slider-input" value="0">
</div>
<script type="text/javascript">
var packages = [
[ 50, 1, 25600, 2097152, 15.00, '#/cart.php?a=add&pid=59', ''],
[ 100, 2, 51200, 4194304, 30.00, '#/cart.php?a=add&pid=21', ''],
[ 100, 4, 102400, 8388608, 50.00, '#/cart.php?a=add&pid=22', '']
];
function _(id){return document.getElementById(id);}
var s = new Slider(_("slider1"), _("sliderinput1"));
var old_value = 0;
s.onchange = function () {
new_value = s.getValue();
_('line').style.backgroundRepeat = 'no-repeat';
_('line').style.backgroundPosition = (parseInt(_('handle').style.left) - 0) + 'px 0px';
//_('p' + old_value).setAttribute("class", "");
for(var i=2; i>=0;i--)
{
if(i > new_value)
_('p' + i).setAttribute("class", "");
else
_('p' + i).setAttribute("class", "active");
}
old_value = new_value;
_('hvalue').value = new_value;
_('cpu').innerHTML = packages[new_value][0] + ' %';
_('ram').innerHTML = packages[new_value][1] + ' GB';
_('disk').innerHTML = parseInt(packages[new_value][2] / 1024) + ' GB';
_('bandwidth').value = new_value;
_('price1').innerHTML = '$' + (packages[new_value][4]).toFixed(2);
_('odernow').href = packages[new_value][5];
_('compare').href = packages[new_value][6];
};
window.onresize = function () {
s.recalculate();
};
</script>
<div class="clr"></div>
<ul class="sliderStyle">
<li class="NoBorderLt server01"><a id="p0" onclick="s.setValue(0)" href="javascript:%20return;">Starter VPS</a></li>
<li class="server02"><a id="p1" onclick="s.setValue(1)" href="javascript:%20return;">Developer VPS</a></li>
<li class="server03"><a id="p2" onclick="s.setValue(2)" href="javascript:%20return;">Executive VPS</a></li>

</ul>
<div class="clr"></div>
<div class="sliderStyle02Con">
<ul class="sliderStyle02">
<li class="cpu"><strong>CPU Usage</strong><br>
<span class="sliderTextStyle" id="cpu">50%</span></li>
<li class="ram"><strong>RAM</strong><br>
<span class="sliderTextStyle" id="ram">1 GB</span></li>
<li class="space"><strong>Disk Space</strong><br>
<span class="sliderTextStyle" id="disk">25 GB</span></li>
<li class="network1"><strong>Bandwidth</strong><br>
<span class="sliderTextStyle" id="bandwidth"> 2 TB</span></li>
<li class="cost"><span class="sliderTextStyle2" id="price1">$10.00</span><br>Monthly Cost</li>
</ul>
<div class="clr"></div>
<div class="sliderBtn"> <a id="odernow" href="#/cart.php?gid=4">Order Now</a> </div>

</div>
</div>
<script type="text/javascript">
s.setValue(0);
</script>   
</div>

变量包=[
[50,1256002097152,15.00'#/cart.php?a=add&pid=59','',
[100,2512004194304,30.00'#/cart.php?a=add&pid=21','',
[100,41024008388608,50.00'#/cart.php?a=add&pid=22','']
];
函数Uid{返回文档.getElementById(id);}
var s=新滑块(滑块1),滑块1);
var old_值=0;
s、 onchange=函数(){
新的_值=s.getValue();
_('line').style.backgroundRepeat='no repeat';
_('line').style.backgroundPosition=(parseInt('handle').style.left)-0)+'px 0px';
//_('p'+旧的_值).setAttribute(“类”,“类”);
对于(变量i=2;i>=0;i--)
{
如果(i>新的_值)
_('p'+i).setAttribute(“类”,“类”);
其他的
_('p'+i).setAttribute(“类”、“活动”);
}
旧值=新值;
_('hvalue')。value=新的_值;
_('cpu').innerHTML=packages[new_value][0]+'%;
_('ram').innerHTML=packages[new_value][1]+'GB';
_('disk').innerHTML=parseInt(packages[new_value][2]/1024)+'GB';
_(‘带宽’)。值=新的_值;
_('price1').innerHTML='$'+(packages[new_value][4]).toFixed(2);
_('odernow').href=packages[new_value][5];
_('compare').href=packages[new_value][6];
};
window.onresize=函数(){
s、 重新计算();
};
  • cpu使用率
    50%
  • ram
    1GB
  • 磁盘空间 25GB
  • 带宽
    2 TB
  • 10.00美元
    月成本
s、 设定值(0);
由于#bandwith是一个元素,因此可以使用.innerHtml而不是.value更改其内容

更新: 所以我想你应该写一些像:

_('bandwidth').innerHTML = Math.round(packages[new_value][3] / (1024*1024)) + " TB";

ID为“带宽”的元素是什么?我们也可以看到HTML吗?是的,这可能会有帮助,因为您正在为其.value分配一些内容,我假设它是
@Neha。您应该在将代码放入stackoverflow之前格式化代码