Javascript 动态改变量规的值_Javascript_Justgage

Javascript 动态改变量规的值

javascript

Javascript 动态改变量规的值,javascript,justgage,Javascript,Justgage,我正在开发一个健身应用程序，其中我想通过gage来表示BMI，但不知道如何动态更改gage的值。第二个问题是，当我将gage脚本放在按钮上时，单击该按钮会出现错误“无id元素：”gage“found！”。有谁能解决我的两个问题，因为我是JS新手。所以请启发我，纠正我 <html> <head> <script src="raphael.2.1.0.min.js"></script> <script src="justgage.1.0.1.mi

我正在开发一个健身应用程序，其中我想通过gage来表示BMI，但不知道如何动态更改gage的值。第二个问题是，当我将gage脚本放在按钮上时，单击该按钮会出现错误“无id元素：”gage“found！”。有谁能解决我的两个问题，因为我是JS新手。所以请启发我，纠正我

<html>
<head>
<script src="raphael.2.1.0.min.js"></script>
<script src="justgage.1.0.1.min.js"></script>

<script type="text/javascript">
function funky()
{
    var weight=document.getElementById("weight");
    var height=document.getElementById("height");
    var heightDouble=height.value*height.value;
    var bmi=weight.value/heightDouble;
    document.getElementById("bmi").innerHTML=bmi;
    cc();
}
</script>
</head>
<body>
<input type="text" id="weight"/>
<input type="text" id="height"/>
<input type="button" id="calculate" onClick="funky()"/>
<div id="bmi"></id>
<div id="gauge"></div>

           <script>
           function cc()
           {               
var g = new JustGage({
id: "gauge",        
value: 10,
min: 0,
max: 100,
title: "Visitors"
}); 
}   
</script>

</body>
</html>


函数funky（）
{
var-weight=document.getElementById（“权重”）；
var height=document.getElementById（“高度”）；
var heightDouble=height.value*height.value；
var bmi=重量值/高度加倍；
document.getElementById（“bmi”）.innerHTML=bmi；
cc（）；
}
函数cc（）
{               
var g=新的JustGage({
id:“仪表”，
数值：10，
分:0,，
最高：100，
标题：“访客”
}); 
}

您需要修正您的体重指数计算并添加单位（磅与千克、厘米与英寸），因为我得到的数字低于零。无论如何，我编写了一个新的计算（只需添加重量和高度）来演示如何更新仪表：由于脚本相对于div元素的排序方式，很可能会出现“gauge not found”错误

请参见


函数funky（）{
var-weight=document.getElementById（“权重”）；
var height=document.getElementById（“高度”）；
var heightDouble=height.value*height.value；
var bmi=重量。数值/高度加倍；
document.getElementById（“bmi”）.innerHTML=bmi；
//cc（）；
var weightPlusHeight=parseInt（weight.value）+parseInt（height.value）；
g、 刷新（权重plusheight）；
}
var g=新的JustGage({
id:“仪表”，
值：0，
分:0,，
最高：200，
标题：“体重指数”
});

<script src="//cdn.jsdelivr.net/raphael/2.1.2/raphael-min.js"></script>
<script src="//cdn.jsdelivr.net/justgage/1.0.1/justgage.min.js"></script>
<body>
    <input type="text" id="weight" />
    <input type="text" id="height" />
    <input type="button" id="calculate" onClick="funky()" value="calculate" />
    <div id="bmi"></div>
    <div id="gauge" class="200x160px"></div>
    <script>
        function funky() {
            var weight = document.getElementById("weight");
            var height = document.getElementById("height");
            var heightDouble = height.value * height.value;
            var bmi = weight.value / heightDouble;
            document.getElementById("bmi").innerHTML = bmi;
            //cc();
            var weightPlusHeight = parseInt(weight.value) + parseInt(height.value);
            g.refresh(weightPlusHeight);
        }

        var g = new JustGage({
            id: "gauge",
            value: 0,
            min: 0,
            max: 200,
            title: "BMI"
        });
    </script>
</body>