Question

我是一个绝对的初学者。我的商业学位需要这门课。如果这个问题听起来很愚蠢，我很抱歉。

我基本上需要制作一个简单的BMI计算器网页。

网页的顶部有BMI计算器，然后在它下面有一个名为calculate bmi的按钮，并提示用户身高和体重。然后，它会显示结果以及用户输入的高度和白色。

问题是当它显示结果时它会删除顶部的BMI写入。

我知道他们是一个简单的答案，我只是不知道它是什么。

以下是我一直在使用的代码 - http://pastebin.com/ftrWYU6L

Answer 1

请参阅W3C WSC（特别是有关遍历DOM和修改HTML的部分）。

document.write会破坏任何现有文档，您希望使用DOM修改现有文档。

Answer 2

不是使用document.write，而是创建一个div，给它一个类似“结果”的ID 然后在JavaScript上你将使用document.getElementById（“results”）。innerHTML =一个字符串，包含你要写入屏幕的内容;

这是一个快速，肮脏且未经测试的修复程序：http://pastebin.com/2NLrMUFh

Answer 3

您正在重写按钮中的整个网页。相反，这通常通过3个文本框（html中的输入标签）和内置于网页中的一个按钮来完成。该按钮将从高度和重量输入框中获取.value，并将结果存储到BMI.value字段中。

在伪代码中，

button_click()
{
  float height = heightTextBox.value;
  float weight = weightTextBox.value;
  float BMI = BMImojo(height, weight);  // yours to write
  BMITextBox.value = BMI;
}

网页不会重建，只有一个输出显示更改

使用onClick两次而不删除当前页面内容

3 个答案: