Javascript 如何计算用户愤怒的成本

我想建立一个计算器来计算愤怒的代价

我真的不知道如何解释，但我会尽我所能解释这个问题，所以我想让用户把他们每天工作的年龄工资小时数，他们在工作中有多少次生气，以及愤怒持续多久

我有excel文件中的公式（如果你们足够好，你们会理解的）和一些我尝试编写的代码。 这是Excel文件和代码的链接__

你可能需要查看excel文件来理解我的意思（很抱歉，我不能向你解释清楚，因为我的英语很差，我真的很抱歉。）

我还尝试编写Html和Java脚本代码；（我需要删除一些代码以使堆栈溢出让我显示代码） 非常感谢各位

Html

---

似乎工作得很好；您的按钮上缺少一个事件处理程序。我添加了一个内联（

onClick=“calcAnger（）”

）。有几种方法可以添加它，但我只是根据您提供的小代码示例给出了快速选项

函数calcAnger（）{
var age=parseFloat（document.getElementById（'user_age'）.value）；
var salary=parseFloat（document.getElementById（'user_salary'）.value）；
var workTime=parseFloat（document.getElementById（'user_work'）.value）；
var angerDay=parseFloat（document.getElementById（'user_time'）.value）；
var angerLast=parseFloat（document.getElementById（'user_anger'）.value）；
var calculate=“你愤怒的代价：$”+''+年龄*工资*243*工作时间*愤怒日*愤怒日*愤怒日*2；
document.getElementById（'results'）.innerHTML=calculate；
}

输入你的年龄

输入您的工资或收入（美元）

输入每天的工作时间

你每天在工作中多久生气一次

平均愤怒持续多久

您可以简单地更改HTML代码中的一些语义，并利用表单标记。使用以下方法，您也可以在提交前在表单中应用验证。如果你愿意，我会让你知道这些细节

  <script>
      function calcAnger() {
        var age = parseFloat(document.getElementById("loginForm").a.value);
          var salary = parseFloat(document.getElementById("loginForm").b.value);
          var workTime = parseFloat(document.getElementById("loginForm").x.value);
          var angerDay = parseFloat(document.getElementById("loginForm").c.value);
          var angerLast = parseFloat(document.getElementById("loginForm").d.value);
          var calculate = "Your cost of anger: $" + ' ' + age * salary * 243 * workTime * angerDay * angerLast * 2;

          document.getElementById('results').innerHTML = calculate;
        }
    </script>   
<div class="login" >
    <form method="post" onSubmit="calcAnger()" id="loginForm">
        <p> Enter your age </p>
            <input id="user_age" type="text" name="a" value="0" required="required" />
        <p>Enter your salary or income ($) </p>
            <input id="user_salary" type="text" name="b" value="0" required="required" />
        <p> Enter Work hours per day </p>
            <input id="user_work" type="text" name="x" value="0" required="required" />
        <p> How often do you get angry per day during work.</p>
            <input id="user_time" type="text" name="c" value="0" required="required" />
        <p> How many hours does the average anger last? </p>
            <input id="user_anger" type="text" name="d" value="0" required="required" />        
        <p id="results"></p>

        <input type="submit" class="button" value="Calculate">
    </form>
    </div>

函数calcAnger（）{
var age=parseFloat（document.getElementById（“loginForm”）.a.value）；
var salary=parseFloat（document.getElementById（“loginForm”）.b.value）；
var workTime=parseFloat（document.getElementById（“loginForm”）.x.value）；
var angerDay=parseFloat（document.getElementById（“loginForm”）.c.value）；
var angerLast=parseFloat（document.getElementById（“loginForm”）.d.value）；
var calculate=“你愤怒的代价：$”+''+年龄*工资*243*工作时间*愤怒日*愤怒日*愤怒日*2；
document.getElementById（'results'）.innerHTML=calculate；
}
输入你的年龄

输入您的工资或收入（美元）

输入每天的工作时间

你每天在工作中多久生气一次

平均愤怒持续多久

那你有什么问题？

function calcAnger () {
var sixty = 60;
var age = parseFloat(document.getElementById('user_age').value);
var salary = parseFloat(document.getElementById('user_salary').value);
var workTime = parseFloat(document.getElementById('user_work').value);    
var angerDay = parseFloat(document.getElementById('user_time').value);
var angerLast = parseFloat(document.getElementById('user_anger').value);
var calculate = "Your cost of anger: $" + ' ' + age * salary* 243 * workTime * angerDay * angerLast * 2;

document.getElementById ('results').innerHTML = calculate;
return false;
calculate.style.color = "#ff0000";

  <script>
      function calcAnger() {
        var age = parseFloat(document.getElementById("loginForm").a.value);
          var salary = parseFloat(document.getElementById("loginForm").b.value);
          var workTime = parseFloat(document.getElementById("loginForm").x.value);
          var angerDay = parseFloat(document.getElementById("loginForm").c.value);
          var angerLast = parseFloat(document.getElementById("loginForm").d.value);
          var calculate = "Your cost of anger: $" + ' ' + age * salary * 243 * workTime * angerDay * angerLast * 2;

          document.getElementById('results').innerHTML = calculate;
        }
    </script>   
<div class="login" >
    <form method="post" onSubmit="calcAnger()" id="loginForm">
        <p> Enter your age </p>
            <input id="user_age" type="text" name="a" value="0" required="required" />
        <p>Enter your salary or income ($) </p>
            <input id="user_salary" type="text" name="b" value="0" required="required" />
        <p> Enter Work hours per day </p>
            <input id="user_work" type="text" name="x" value="0" required="required" />
        <p> How often do you get angry per day during work.</p>
            <input id="user_time" type="text" name="c" value="0" required="required" />
        <p> How many hours does the average anger last? </p>
            <input id="user_anger" type="text" name="d" value="0" required="required" />        
        <p id="results"></p>

        <input type="submit" class="button" value="Calculate">
    </form>
    </div>