如何在 Javascript 中制作属性税收计算器

Question

我对 JavaScript 完全陌生，我的雇主希望我创建一个属性税收计算器。

我知道计算方法，也知道我需要的一些代码（通过 2 天的研究），但我无法将它们组合在一起以使其正常工作。我的页面上还需要一个输入字段，因为客户需要输入自己的值才能进行计算。计算是：

公平市场价值 X 45% = 部分评估
部分评估值 X 30.915/1000 = 总税额

我知道我需要我的函数看起来像这样：

function PortionedAssessment() {
    var GrossTax = var FMValue * .45 * .030915;

我的变量：

    var PortAssess;
    var GrossTax;
    var FMValue = document.getElementsByName("FMValue").value;

我有部分表格（尚未完成样式设置，稍后我会这样做）：

<form name="PropertyCalc">

    Enter your Fair Market Value: <input type="text" value="FMValue"> X 45% X 0.030915

    <input type="button" onclick="calculate(PortionedAssessment)" name="result" 
    value="Calculate" class="calcButton">

    Gross Taxes = ;

</form>

我不确定如何将计算放在一起或如何将答案输入到我的表格中。如何将 console.log 指向 div？我知道我错过了很多，但就像我说的，这完全超出了我的理解，我不知道还能问谁。

Answer 1

您的问题是何时调用 calculate 函数。我稍微重构了你的代码。这是你想要达到的目标吗？

// grab the necessary elements
var input = document.getElementById('fm-input');
var button = document.getElementById('calculate-button');
var result = document.getElementById('result');

function calculate (fm) {
  return fm * .45 * .030915;
}

// listen for the 'click' event
button.addEventListener('click', function () {
  var gross = calculate(input.value); // calculate the gross taxes
  result.textContent = gross; // write the gross value in the <span> element
});

<div>
  Enter your Fair Market Value: <input type="number" id="fm-input" placeholder="FMValue"> X 45% X 0.030915
</div>

<div>
  <button id="calculate-button">Calculate</button>
</div>

<div>
  Gross Taxes: <span id="result"></span>
</div>

Answer 2

$('#Calculate').click(function() {
  var FMValue = document.getElementById('FMValue').value ? document.getElementById('FMValue').value : '0';
  var num = parseInt(FMValue); //convert to int
  var GrossTax = num * .45 * .030915;

  document.getElementById('result').innerHTML = GrossTax; //return value to id of result
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Enter your Fair Market Value: <input type="text" id="FMValue"> X 45% X 0.030915

<button class="calcButton" id="Calculate">Calculate</button>

<div>
  GrossTax:
  <div id="result"></div>
</div>

如何在 Javascript 中制作属性税收计算器

How to make Property Tax Calculator in Javascript

javascript

calculator

如何在 Javascript 中制作 属性 税收计算器

How to make Property Tax Calculator in Javascript

javascript

calculator

如何在 Javascript 中制作属性税收计算器