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()使用は悪い習慣と見なされることに注意してください。たとえば、W3CWebサイトの警告を参照してください。

さらに、これを使用して閉じたドキュメントを編集することはできません。document.write()ドキュメントがロードされている間のみ使用できます。

やりたいことをするために、あなたは<span id="foo"></span>あなたの文書のどこかにあるべきです、そしてそれからします：

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

これにより、スパン要素内に番号が挿入されます。実際には、（以前は空だった）span要素のコンテンツを置き換えます。

編集：もちろん、それはどんな種類の要素でもかまいません。例として、span要素を使用しました。

于 2013-03-06T23:03:54.440 に答える