时间戳

首页 > 解决方案 > 如何计算用户愤怒的成本

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

问题描述

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

我真的不知道如何解释，但我会尽力解释这个问题，所以我希望用户把每天工作的年龄工资小时数，他们在工作中生气的时间，以及持续多长时间.

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

您可能需要查看 excel 文件才能理解我的意思（很抱歉，我无法清楚地向您解释，因为我的英语真的很差，我真的很抱歉。） https://drive.google.com/打开……</p>

我也有尝试编写的 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 Scipt 代码

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

标签： javascripthtmlcss

解决方案

似乎工作正常；您只是缺少按钮上的事件处理程序。我添加了一个内联 ( 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>

推荐阅读