html和javascript中的工资计算器[关闭]答案

【问题标题】：Salary calculator in html and javascript [closed]html和javascript中的工资计算器[关闭]
【发布时间】：2012-12-18 08:02:16
【问题描述】：

<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 在文本区域内打印它？我不知道如何做到这一点

【问题讨论】：

你搜索过互联网吗？您是否遵循了免费的基本 javascript 教程？为什么将name 视为浮点数？你有没有考虑过使用像 jQuery 这样的 javascript 库——我强烈推荐。
小卡尔斯带给你的
@ErikE：OP 显然缺少一些基本的 js 知识，这表明 jQuery 在这一点上似乎有点矫枉过正。
用户，您只需要 getElementById 和 InnerHTML
@Seki 我认为你离题了。 jQuery 比普通的 js 编程更容易。查找如何在 jQuery 中完成基本任务的信息可能更容易，而且学习曲线更好。三重ko更好玩。

标签： javascript html forms

【解决方案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】：

你想要的是将一个 id 添加到 textarea，可能是 id="texty"，然后你可以使用 javascript 获取该元素，就像这样，var area = document.getElementById('texty'); 并从那里使用 .innerHTML 属性来设置它的值。

area.innerHTML = b*c;

如果您更热衷于使用value，请阅读this post 以了解.innerHTML 和.value 之间的差异

另外阅读 MDN 上的 JS 文档也是很好的参考，我会在底部放一个链接！

看看下面的修补程序！

Tinker.io here

MDN JS Docs

【讨论】：

【解决方案3】：

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

【讨论】：