Калькулятор 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; 
     } 

    }); 
}