Javascript计算器

Question

我是初学者，我正在尝试我的第一个真正的项目，制作计算器。我有一个模板HTML和CSS，我想通过只编辑JavaScript来使它工作。如果有人能指引我朝着正确的方向发展，我会陷入一个开始，并会感到沮丧。

这里有一个类似以前问的问题（我想我应该包括这个问问题时）：Dynamical Calculator Javascript

这里是我的脚本至今：https://jsfiddle.net/andthatch/an73my86/#&togetherjs=4goj5AV6Qk

工作现在:)谢谢你们。如果再次卡住，我会停下来。

var divElement = document.getElementById("calculator"); 
var keys = divElement.getElementsByTagName("span"); 
var input = document.getElementsByClassName('screen'); 
var decimalAdded = false; 

    for (var i = 0; i < keys.length; i++) { 
    keys[i].addEventListener('click', function(e) { 

     var inputVal = input[0].innerHTML; 
     var buttonVal = this.innerHTML; 

     if(buttonVal === 'C') { 
      input[0].innerHTML = ''; 
      decimalAdded = false; 
     } 
     else{ 
      input[0].innerHTML+=buttonVal; 
     } 

    }); 
} 

Answer 1

你在你的脚本file.input一些失误是元素的集合，因为它是通过getElementsByClassName获得的。所以，你必须指定类下的“屏幕”的唯一元素的索引作为其返回一个数组。还使用addEventListener而不是使用的“onClick”财产上的对象

var divElement = document.getElementById("calculator"); 
var keys = divElement.getElementsByTagName("span"); 
var input = divElement.getElementsByClassName("screen"); 
var decimalAdded = false; 

for (var i = 0; i < keys.length; i++) { 
    keys[i].addEventListener('click', function(e) { 

     var inputVal = input[0].innerHTML; 
     var buttonVal = this.innerHTML; 

     if(buttonVal === 'C') { 
      input[0].innerHTML = ''; 
      decimalAdded = false; 
     }else{ 
      input[0].innerHTML+=buttonVal; 
     } 

    }); 
}