HTML表单 - 来自一个输入的多个输出？

Question

还是初学者，所以要温柔地对待我。

我正在构建一个html“app”，需要几天你不在家作为输入并计算多个输出，例如：Pack： 5 衬衫， 5 内衣， 3 袜子..

<form oninput="x.value=(d.value).toFixed(0)">

<p>I'm going to be off-home for <input type="number" id="d" value=""> days. </p>

<p>I'll pack:</p><output id="result" name="x" for="d">X</output> <p>shirts.</p>
<output id="result" name="x" for="d">X</output> <p>underwears.</p>

</form>

目前我设法让一个输出工作，但如果我添加第二个输出，它将无法工作。我已经阅读了表格/输入/输出纪录片 - 它没有为我开放。

问题：

如何从一个输入打印多个输出？

和

如何计算输出的不同值？

（例如输入值为5，我希望袜子数为（5/2）.toFixed（0）

我更喜欢纯HTML解决方案，但如果需要javascript，请帮助我开始。

Answer 1

我讨厌打破它，但你已经在使用JavaScript了:)）

oninput="x.value=(d.value).toFixed(0)"

您可能还想重新考虑使用“output”标记，因为它在IE中不受支持： Output tag

HTML用于定义文档的结构，因此您必须使用JavaScript（或等效的）来获得所需的功能。