Изменить значение датчика динамически

Question

Изменить значение датчика динамически

Я занимаюсь разработкой фитнес-приложения, в котором я хочу представлять ИМТ с помощью датчика, но я так и не понял, как динамически изменять значение датчика. Вторая проблема заключается в том, что когда я помещаю сценарий датчика на нажатие кнопки, он выдает ошибку "Нет элемента" с идентификатором: "датчик" найден! " Может кто-нибудь решить мои обе проблемы, как я новичок в 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>

3

javascript justgage

Источник

user3517923 13 апр '14 в 19:21

1 ответ

Решение

Другие вопросы по тегам javascript justgage

user3524652 13 апр '14 в 19:56 2014-04-13 19:56 · Accepted Answer · 2014-04-13 19:56

Вы захотите исправить свой расчет ИМТ и добавить единицы (фунты против кг, см против дюйма), потому что я получаю числа ниже нуля. Во всяком случае, я написал новый расчет (просто добавьте вес и рост), чтобы продемонстрировать, как обновить датчик: Скорее всего, вы получаете ошибку "датчик не найден" из-за того, как скрипт упорядочен относительно элемента div.

Пожалуйста, посмотрите эту демонстрацию JSFiddle

<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>