Javascript 努力计算投入

嗨，我对javascript真的很陌生，正在努力让代码正常工作。因此，当我用数字填充输入后单击按钮时，什么也没有发生。你知道我在这里做错了什么吗

HTML:

这里是js fiddle:

绑定keyUp监听器，如需更多信息，请查找下面的代码段

var selectors = document.querySelectorAll("#eing1, #eing2, #eing3");

for (var i = 0; i < selectors.length; i++) {
    selectors[i].addEventListener('keyup', function(event) {

      event.preventDefault();
     if (event.keyCode == 13) {
     document.getElementById("button").click();
   }
    });
}

个体工效学研究

Kosten fü；r Sitz Stehschreibtisch： 布鲁托格哈特·因克尔。20%Lohnnebenkosten： Jä；hrliche-arbeit阶段：

Arbeitszeit： Produktivitä；Tsteigerung专业标签12&037；： 摊销SEIT：

函数ausgeben{ var kostentisch=parseIntdocument.getElementByIdeing1.value var bruttogehalt=parseIntdocument.getElementByIdeing2.value var arbeitstage=parseIntdocument.getElementByIdeing3.value var stundenlohn=brutogehalt/arbeitstage/8； var arbeitszeit=arbeitstage*8； var produktivitaetssteigerung=arbeitszeit*0.12； var摊销SEIT=kostentisch/arbeitstage/Produktivitatetsteigerung*stundenlohn； //此处将进行更改 document.getElementByIdarbeitszeit.innerHTML=arbeitszeit+Stunden； document.getElementByIdProdukTivitateSteigerung.innerHTML=produkTivitateSteigerung+Stunden； document.getElementByIdamortisationszeit.innerHTML=摊销szeit+Tage； }

---

首先，我注意到在JavaScript部分中，您对元素ID stundenlohn的引用在显示的任何HTML标记中都不存在

对于按钮，我个人会给我想要捕捉事件的元素一个类名或一个新属性。一旦我给了目标元素一个新的属性data enter target，在本例中，我将使用JS在每个元素上添加一个事件侦听器

/*我把样式放在元素之外 *因此，如果我需要更改一个值 *更改将应用于所有元素 *那有这个班。 */ *{颜色：黑色；} w-80{ 宽度：80px； } p{文本转换：大写；字体大小：粗体；} .color-0{背景色：0FA；} .color-1{背景色：FF0；} .color-2{背景色：F0F；} .color-3{背景色：0F0；} .color-4{背景色：00F；} 点击几次

//检索包含该属性的所有元素 //并将它们作为数组存储在变量中。 var targets=document.queryselectoral'input[data enter target]； //然后针对每个元素 targets.foreachFunction当前元素，索引{ //在元素上添加事件侦听器 当前元素。addEventListenerkeydown，functionevent{ //检查按下的键是否为“回车” ifevent.key==Enter{//您还可以使用键代码Enter=13 //按Enter键时执行您想执行的操作 //在这种情况下，我们希望触发submit按钮的onclick事件 getElementById'myButton'。单击； } }; }; //添加单击按钮时调用的函数 函数btnSubmitevent{ //单击按钮时，可以执行任何操作 警告“嘿！！！按钮被点击了！”； //例如：您可以替换或向现有元素添加内容 document.querySelectorAll'p'.forEachfunctionelement{ element.innerHTML='Bob喜欢土豆！'； }; }

---

关于第一个问题，你有什么问题？此外，我还不清楚它对变量的作用，但对查询选择器的作用。确切地说是。要将EventListener添加到所有选定节点，可以执行类似document.querySelectorAlla.forEache=>{e.addEventListener'keyup'，functionevent{console.log'keyup}的操作。例如，迭代选定的节点并添加侦听器。@alaric我编辑了这个问题：当我用数字填充输入后单击按钮时，什么也没有发生，正如您在这里看到的：在您发布的JSFIDLE中，由于找不到javascript函数ausgeben，至少出现了一个错误。您是否已验证该功能是否可从相关页面获得？@Krystian Manthey请查找上面的更新代码片段，它会起作用的，或者查找，非常感谢！就像我看到的复制和粘贴失败一样，在ausgeben方法的最后三行中，您将获取要更新计算文档的元素。getElementByIdarbeitszeit、document.getElementByIdProdukTivitateTsTeigerung和document.getElementByIdMortisationszeit.innerHTML

function ausgeben(){

    var kostentisch = parseInt(document.getElementById("eing1").value)
    var bruttogehalt = parseInt(document.getElementById("eing2").value)
    var arbeitstage = parseInt(document.getElementById("eing3").value)

    var stundenlohn = bruttogehalt/arbeitstage/8;
    var arbeitszeit = arbeitstage*8;
    var produktivitaetssteigerung = arbeitszeit*0.12;
    var amortisationszeit = kostentisch/(arbeitstage/(produktivitaetssteigerung*stundenlohn));

    document.getElementById("stundenlohn").innerHTML=tischsitzen + " Stunden";
    document.getElementById("produktivitaetssteigerung").innerHTML=armlehne + " Stunden";
    document.getElementById("amortisationszeit").innerHTML=stuhl + " Tage";
}

var selectors = document.querySelectorAll("#eing1, #eing2, #eing3");

for (var i = 0; i < selectors.length; i++) {
    selectors[i].addEventListener('keyup', function(event) {

      event.preventDefault();
     if (event.keyCode == 13) {
     document.getElementById("button").click();
   }
    });
}