1

基本上，我制作了一个允许您输入 2 个数字的表格，当您按下“添加”按钮时，程序会将答案写到屏幕上，唯一的事情是当写出答案时，它会出现在单独的页面上. 如何让它写入同一页面，下面是 HTML 代码：

<form type="twoNum" method="get">
<input type="float" placeholder="Enter first number here..." name="num1" id="n1"/>
&nbsp;
<input type="float" placeholder="Enter second number here..." name="num2" id="n2"/>
<input type="button" value="Add" name="sndfunct" onClick="twoNum(this.form);"/>
</form>

下面是 Javascript 代码：

function twoNum(form)
{
var num1 = form.num1.value;
var num2 = form.num2.value;
var intNum1 = parseFloat(num1);
var intNum2 = parseFloat(num2);
document.writeln(intNum1 + intNum2);
}
4

2 回答 2

2

请注意，使用document.write()被认为是不好的做法。例如，请参阅W3C 网站上的警告。

此外，您不能使用它来编辑已关闭的文档。document.write()只能在加载文档时使用。

为了做你想做的事，你应该<span id="foo"></span>在你的文档中有一个地方，然后做：

document.getElementById("foo").textContent = intNum1 + intNum2;

这会将您的号码插入到您的 span 元素中。实际上，它替换了（以前为空的）span 元素的内容。

编辑：当然，它可以是任何类型的元素。我只是为了示例使用了 span 元素。

于 2013-03-06T23:03:54.440 回答
1

你可以写<p id="answer"></p>在表格里。然后创建var answer=intNum1 + intNum2，然后document.writeln(intNum1 + intNum2)写document.getElementById("answer").innerHTML=answer！

于 2013-04-04T16:17:19.810 回答