HTML / JS表-根据输入数字进行计算

时间:2019-11-12 14:57:34

标签: javascript html css frontend

目标

我正在尝试在表中实现动态功能。 基本上,我想做的是以下几点:

问题定义

1)

在表(DONE)的两个输入td中写入2个数字值(PROGNOSE_EXP,PROGNOSE_MAIL)

2)

在HOURS_USED列中,我希望将输入数字插入到输入字段中,例如:(300/9)+( 900/9)=在给定的输入值300和900上使用了133小时,因此,应该对其进行硬编码而不是硬编码图片中的数字133。

f

计算中的变量

AVG_EXP_TIME = 9
<br>
AVG_MAIL_TIME = 9
<br>
PROGNOSE_EXP = 300
<br>
PROGNOSE_MAIL = 900<br>
HOURS_USED = 133

代码:

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);
row.appendChild(th);

var th = document.createElement('th');
th.className = "prognose_mail";
var text = document.createTextNode("Prognose mail")
th.appendChild(text);
row.appendChild(th);


tbl.appendChild(row);
var tblBody = tbl.createTBody();

var td = document.createElement('td');
td.className = "hoursUsed";
td.innerHTML = "133"; 
tr.appendChild(td);

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

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

0 个答案:

没有答案