javascript - 如何计算用户愤怒的成本

Question

我想构建一个计算器来计算愤怒的成本。

我真的不知道如何解释，但我会尽力解释这个问题，所以我希望用户将每天工作的年龄工资时间、他们在工作中生气的时间以及持续时间放在那里是否持续。

我在 excel 文件中有公式(如果你足够好，你就会明白)和一些我尝试编写的代码。 这是Excel文件和代码的链接__

您可能需要查看 excel 文件才能理解我的意思(很抱歉，我无法向您解释清楚，因为我的英语真的很差，真的很抱歉。) https://drive.google.com/open ……

我也有尝试编写的 Html 和 Java 脚本代码； (我需要删除一些代码以让堆栈溢出让我展示代码) 非常感谢你们

HTML

<div class="login">
<form method="post">
    <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="button" class="button" value="Calculate">
</form>

Java 脚本代码

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

Answer 1

似乎工作正常；您只是缺少按钮上的事件处理程序。我添加了一个内联 (onClick="calcAnger()")。有几种方法可以添加它，但我只是根据您提供的小代码示例给出了快速选项。

function 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 = "Your cost of anger: $" + ' ' + age * salary * 243 * workTime * angerDay * angerLast * 2;

  document.getElementById('results').innerHTML = calculate;
}

<div class="login">
  <form method="post">
    <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="button" class="button" value="Calculate" onClick="calcAnger()">
  </form>