-1 
<html>
<head>
<script>
function calculate(){   
     var a = parseFloat(frmMain.name.value);
     var b = parseFloat(frmMain.Salary.value);
     var c = parseFloat(frmMain.taxrate.value);
}
</script>
</head>
<body>
    <form name="frmMain">
       Name <input type ="text" id="name" /><br />
       Salary <input type ="text" id="Salary" /><br />
       tax rate <input type ="text" id="taxrate" /><br />
       <input type="button" value="calculate" onclick="calculate()" />
       <input type="reset" value="Clear" /><br />
       Sammary<textarea cols="20" rows="5" ></textarea>
    </form>
</body>
</html>

私はこのようにしようとしていますが、給与と名前と税率を取得する方法がわかりません。コメントまたはメモの場所に記入してください。計算をクリックすると、プログラムは名前と税率と給与を取得し、JavaScriptを使用してテキストエリア内に出力する必要がありますか? これを行う方法がわかりません

4

3 に答える 3

1

必要なのは、テキストエリアに ID を追加することid="texty"です。その後、このように javascript でその要素を取得し、var area = document.getElementById('texty');そこから属性を使用して.innerHTMLその値を設定できます。

area.innerHTML = b*c;<- この計算はあなたが求めているものではありませんが、単純なケースを使用してその方法を示しました! :)

もっと使いたい場合は、この投稿valueを読んでとの違いを理解してください。.innerHTML.value

また、MDN の JS ドキュメントを読むことも非常に参考になります。リンクを一番下に置きます。

以下のティンカーをチェックしてください！

Tinker.ioはこちら

MDN JS ドキュメント

于 2012-12-18T08:09:32.737 に答える
1

このようなものを使用できます

デモ

function calculate(){   
     var a = frmMain.name.value;
     var b = parseFloat(frmMain.Salary.value);
     var c = parseFloat(frmMain.taxrate.value);

    frmMain.summary.value = "Name     :"+a+"\nSalary   :"+b+"\nTax Rate :"+c;
}​
于 2012-12-18T08:18:44.697 に答える
0 
<html>
<head>
<script>
function calculate(){   
     var a = frmMain.name.value;
     var b = parseFloat(frmMain.Salary.value);
     var c = parseFloat(frmMain.taxrate.value);
var area = document.getElementById("text");
area.innerHTML='Name : '+a+'\nSalary : '+b+'\nTax Rate : '+c;
}
</script>
</head>
<body>
    <form name="frmMain">
       Name <input type ="text" id="name" /><br />
       Salary <input type ="text" id="Salary" /><br />
       tax rate <input type ="text" id="taxrate" /><br />
       <input type="button" value="calculate" onclick="calculate()" />
       <input type="reset" value="Clear" /><br />
       Sammary<textarea cols="20" rows="5" id="text"></textarea>
    </form>
</body>
</html>
于 2012-12-18T09:20:35.360 に答える