JavaScript + JQUERY:基于两个输入变量进行计算

JSSGOD1337

介绍

我需要在表中的两个td元素中计算给定的两个数字。

我的桌子看起来像这样:

在此处输入图片说明

我需要进行以下计算,并将结果自动计入小时数。

相关的计算在下面找到,并且现在被硬编码到“使用的小时数”列中,因为我不知道如何通过Prognose exp和Prognose mail中的用户输入来执行此操作

var th = document.createElement('th');
th.className = "hours_used";
var text = document.createTextNode("Hours used")
th.appendChild(text);
row.appendChild(th);

var th = document.createElement('th');
th.className = "prognose_eks";
th.id = "digit_fast_header"
var text = document.createTextNode("Prognose exp")
th.appendChild(text);
th.style.display = "none";
row.appendChild(th);

var th = document.createElement('th');
th.className = "prognose_mail";
th.id = "digit_fast_header"
var text = document.createTextNode("Prognose mail")
th.appendChild(text);
th.style.display = "none";
row.appendChild(th);

var td = document.createElement('td');
td.className = "hoursUsed";
td.innerHTML = "<input type='number' disabled='disabled' id='result'>"
tr.appendChild(td);
    
var td = document.createElement('td');
td.className = "inputEks";
td.id = "inputEks" 
td.innerHTML = "<input type='number' class='input1' name = 'inpt[]' >";
tr.appendChild(td);

var td = document.createElement('td');
td.className = "inputMail";
td.id = "inputMail" 
td.innerHTML = "<input type='number' class='input2' name = 'inpt[]' >";
tr.appendChild(td);


var GNS_EKS_TIME = 9;
var GNS_MAIL_TIME = 9;
TimeSum = (("#inputEks") / GNS_EKS_TIME) + (("#inputMail") / GNS_MAIL_TIME)
console.log("########### TEST ##############" + parseInt(TimeSum))
alert("Test" + TimeSum)
立方的

您需要这些东西1.首先将输入字段保存在变量中2.然后在输入数据更改时使用change或input事件触发代码3.将input.value用作输入文本并进行解析

您不需要对从计算中获得的数字调用parseInt。

// code that creates variables that where not in you snippet
var tr = document.querySelector('tbody tr');
var row = document.querySelector('thead tr');

var th = document.createElement('th');
th.className = "hours_used";
var text = document.createTextNode("Hours used")
th.appendChild(text);
row.appendChild(th);

var th = document.createElement('th');
th.className = "prognose_eks";
th.id = "digit_fast_header"
var text = document.createTextNode("Prognose exp")
th.appendChild(text);
th.style.display = "none";
row.appendChild(th);

var th = document.createElement('th');
th.className = "prognose_mail";
th.id = "digit_fast_header"
var text = document.createTextNode("Prognose mail")
th.appendChild(text);
th.style.display = "none";
row.appendChild(th);

var td = document.createElement('td');
td.className = "hoursUsed";
td.innerHTML = "<input type='number' disabled='disabled' id='result'>"
tr.appendChild(td);

var td = document.createElement('td');
td.className = "inputEks";
td.id = "inputEks" 
td.innerHTML = "<input type='number' class='input1' name = 'inpt[]' >";
tr.appendChild(td);
// new line
var inputEks = td.querySelector('input');

var td = document.createElement('td');
td.className = "inputMail";
td.id = "inputMail" 
td.innerHTML = "<input type='number' class='input2' name = 'inpt[]' >";
tr.appendChild(td);
// new line
var inputMail = td.querySelector('input');

// new code

inputMail.addEventListener('input', chnage);
inputEks.addEventListener('input', chnage);

function chnage() {
  var GNS_EKS_TIME = 9;
  var GNS_MAIL_TIME = 9;
  TimeSum = (parseInt(inputEks.value, 10) / GNS_EKS_TIME) + (parseInt(inputMail.value, 10) /   GNS_MAIL_TIME);
  console.log("########### TEST ############## " + TimeSum);
}
<table>
<thead><tr></tr></thead>
<tbody><tr><tr></tbody>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JavaScript计算两个变量输入

来自分类Dev

计算JavaScript中的两个输入字段值

来自分类Dev

Javascript / jQuery将变量拆分为两个以进行条带集成

来自分类Dev

使用两个下拉输入获取JavaScript进行过滤

来自分类Dev

Javascript:将输入放在两个变量之间并输出

来自分类Dev

在javascript中以秒为单位计算两个时间输入的差异

来自分类Dev

两个Javascript日期变量

来自分类Dev

Javascript代码来计算对象中两个不同变量的元素组合的出现次数

来自分类Dev

javascript jquery 在更改两个输入后触发一个事件

来自分类Dev

Magento 2.3.3:使用两个变量在javascript中进行翻译

来自分类Dev

Javascript / jQuery两个日期选择器计算日期范围

来自分类Dev

Vanilla Javascript:一个功能,两个按钮,两个输入

来自分类Dev

如何计算JavaScript中两个时区的时差?

来自分类Dev

如何计算JavaScript中两个列表的相似度

来自分类Dev

Javascript / html:两个输入范围字段的天平

来自分类Dev

在两个输入框中自动完成?-JavaScript

来自分类Dev

如何在JavaScript中关联两个输入?

来自分类Dev

计算两个输入框中的值,并使用javascript在第三个输入框中获取结果?

来自分类Dev

如何:基于两个用户输入和两个字段进行计算的高级访问查询

来自分类Dev

这两个变量设置在JavaScript中是否相等?

来自分类Dev

为什么这两个变量在JavaScript中相等?

来自分类Dev

Javascript。交换两个变量。这个怎么运作?

来自分类Dev

如何通过javascript添加两个变量

来自分类Dev

一次设置两个javascript变量ANGULAR

来自分类Dev

Javascript。交换两个变量。怎么运行的?

来自分类Dev

两个外部文件之间的Javascript变量

来自分类Dev

如何比较JavaScript中的两个变量

来自分类Dev

如何为for循环设置两个变量-Javascript

来自分类Dev

在javascript中传递两个不同的变量?

Related 相关文章

  1. 1

    使用JavaScript计算两个变量输入

  2. 2

    计算JavaScript中的两个输入字段值

  3. 3

    Javascript / jQuery将变量拆分为两个以进行条带集成

  4. 4

    使用两个下拉输入获取JavaScript进行过滤

  5. 5

    Javascript:将输入放在两个变量之间并输出

  6. 6

    在javascript中以秒为单位计算两个时间输入的差异

  7. 7

    两个Javascript日期变量

  8. 8

    Javascript代码来计算对象中两个不同变量的元素组合的出现次数

  9. 9

    javascript jquery 在更改两个输入后触发一个事件

  10. 10

    Magento 2.3.3:使用两个变量在javascript中进行翻译

  11. 11

    Javascript / jQuery两个日期选择器计算日期范围

  12. 12

    Vanilla Javascript:一个功能,两个按钮,两个输入

  13. 13

    如何计算JavaScript中两个时区的时差?

  14. 14

    如何计算JavaScript中两个列表的相似度

  15. 15

    Javascript / html:两个输入范围字段的天平

  16. 16

    在两个输入框中自动完成?-JavaScript

  17. 17

    如何在JavaScript中关联两个输入?

  18. 18

    计算两个输入框中的值,并使用javascript在第三个输入框中获取结果?

  19. 19

    如何:基于两个用户输入和两个字段进行计算的高级访问查询

  20. 20

    这两个变量设置在JavaScript中是否相等?

  21. 21

    为什么这两个变量在JavaScript中相等?

  22. 22

    Javascript。交换两个变量。这个怎么运作?

  23. 23

    如何通过javascript添加两个变量

  24. 24

    一次设置两个javascript变量ANGULAR

  25. 25

    Javascript。交换两个变量。怎么运行的?

  26. 26

    两个外部文件之间的Javascript变量

  27. 27

    如何比较JavaScript中的两个变量

  28. 28

    如何为for循环设置两个变量-Javascript

  29. 29

    在javascript中传递两个不同的变量?

热门标签

归档