Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用js函数动态替换div内容_Javascript_Html - Fatal编程技术网

Javascript 用js函数动态替换div内容

Javascript 用js函数动态替换div内容,javascript,html,Javascript,Html,好的,在我函数的底部,它应该更新我的div,告诉用户他们的体重指数是多少 下面是我尝试执行此操作的函数 function calcbmi(){ //window.alert("hello"); var weightvalue = document.getElementsByName('weight_pounds')[0].value; var weight = parseInt(weightvalue, 10)*0.453592; var height

好的,在我函数的底部,它应该更新我的div,告诉用户他们的体重指数是多少

下面是我尝试执行此操作的函数

    function calcbmi(){

    //window.alert("hello");

    var weightvalue = document.getElementsByName('weight_pounds')[0].value;
    var weight = parseInt(weightvalue, 10)*0.453592;
    var height1value = document.getElementsByName('height_feet')[0].value;
    var height1 = parseInt(height1value, 10)*12;    
    var height2value = document.getElementsByName('height_inches')[0].value;
    var height2 = parseInt(height2value, 10);

    var height = (height1+height2) * 0.0254;

    //window.alert("Meters:" + height + "KG:" + weight);

    var bmi = Math.floor((weight/(height*height))); 

    //window.alert("your BMI is: " + bmi);

    var bmi = Math.floor((weight/(height*height))); 

    var container = document.getElementById("bmiinfo");
    container.innerHTML = bmi;


}
下面是相应的HTML

  <td colspan="2"><div style="float:left;"><button onclick="calcbmi()">Calculate BMI</button></div> <div style="float:right;"><span class="hidemobile"></span>.</div><div style="clear:both;"></div></td>
            </tr>
        </table>
        </form> 
    </div>
    <div id="userbmi">
        <h1>BMI is: <span id="bmi"></spam></h1>
    </div>  
计算体重指数。
体重指数是:
我错过什么了吗?这是行不通的

@编辑:控制台中无错误…

更新(查看网页后)

替换
计算体重指数

原因是button标签默认为表单提交,所以调用了calcbmi,但页面会立即刷新,无法察觉

先前的答复:

按照以下方式修改html,并添加一个span,然后将值写入其中

<h1>BMI is: <span id="bmi"></span></h1>

重量:
高度(英尺):
高度(英寸):
体重指数是:
更新:(查看网页后)

替换
计算体重指数

原因是button标签默认为表单提交,所以调用了calcbmi,但页面会立即刷新,无法察觉

先前的答复:

按照以下方式修改html,并添加一个span,然后将值写入其中

<h1>BMI is: <span id="bmi"></span></h1>

重量:
高度(英尺):
高度(英寸):
体重指数是:
什么是
weight
heigth
vaules?身高和体重值从何而来?我只介绍整个函数。其余的实际上工作得很好,正如我从window.alert.check中可以看出的那样,检查体重和身高是否正确,并且由于您将整个值放入innerHTML中,它将取代你的
BMI是:
刚刚意识到,^但是我可以很容易地解决,一旦我得到了实际工作的改变,什么是
体重
身高
值?身高和体重值来自哪里?我将只包括整个功能。其余部分实际上工作正常,正如我在窗口中看到的那样。提醒。检查体重和身高是否正确,并且由于您将整个值放入innerHTML中,它将替换您的
BMI is:
刚刚意识到^,由于这与你提供的细节很好,你可以去我的网站,如果你喜欢,看看自己的控制台,我想。我已经用属性更新了您在这里更改的代码。这是我的url@AmmarHasan,非常感谢!我不知道,这将无法与!!!那么请提供更多的细节,因为这与您提供的细节很好。如果您愿意,您可以访问我的网站,我想您自己也可以查看控制台。我已经用属性更新了您在这里更改的代码。这是我的url@AmmarHasan,非常感谢!我不知道,这将无法与!!!