Javascript 用js函数动态替换div内容
好的,在我函数的底部,它应该更新我的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
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,非常感谢!我不知道,这将无法与!!!