javascript - HTMLとJavaScriptの給与計算

Question

<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を使用してテキストエリア内に出力する必要がありますか? これを行う方法がわかりません

score 1 · Accepted Answer

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

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

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

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

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

Tinker.ioはこちら

MDN JS ドキュメント

score 1 · Accepted Answer

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

デモ

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;
}

score 0 · Accepted Answer

<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>

javascript - HTMLとJavaScriptの給与計算

3 に答える 3

Related

Reference