在html和javascript的工资计算器

时间:2012-12-18 08:02:17

标签: javascript html forms

<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在textarea内打印?我不知道该怎么做

3 个答案:

答案 0 :(得分:1)

你想要的是在textarea中添加一个id,也许是id="texty"之后你就可以使用javascript获得那个,var area = document.getElementById('texty');然后从那里使用.innerHTML属性设置其值。

area.innerHTML = b*c;&lt; - 这个数学不是你想要的,但我用了一个简单的案例来告诉你它是如何完成的! :)

如果您更热衷于使用value,请阅读this post以了解.innerHTML.value

之间的差异

另外阅读MDN上的JS文档是非常好的参考,我会在底部放置一个链接!

查看下面的修补程序!

Tinker.io here

MDN JS Docs

答案 1 :(得分:1)

你可以使用这样的东西

<强> DEMO

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

答案 2 :(得分: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>