Преобразование элемента массива в Number

207

16 августа 2017, 20:18

Возникла проблема при написании калькулятора

for (var i = 0; i < calcBtn.length; i++){
    calcBtn[i] = calcBtn.innerHTML;
    calcBtn[i].onclick = function btnClick() {
        +this;
        console.log(typeof this);  
        calcInput.value += this.innerHTML;
    }
}

Необходимо преобразовать объект, полученный из массива при клике, в переменную типа Number, чтобы в дальнейшем выполнить математическую операцию.

typeof this выводит object, а +this никак не преобразовывает, не могу понять почему? Помогите пожалуйста, кто знает?

Answer 1

var calcInput = document.getElementById("calcinput"); 
var calcBtn = document.querySelectorAll(".calc-btn"); 
for (var i = 0; i < calcBtn.length; i++){ 
    calcBtn[i].onclick = function() { 
        var buttonValue = +this.innerText; 
        console.log(typeof buttonValue); 
        console.log(buttonValue); 
        calcInput.value += this.innerHTML; 
    }; 
}

.calc-btn 
{ 
  display:inline-block; 
  width:30px; 
  height:30px; 
  line-height: 30px; 
  border:1px solid black; 
  text-align:center; 
}

<div class="calc-btn">1</div> 
<div class="calc-btn">2</div> 
<div class="calc-btn">3</div> 
<div class="calc-btn">4</div> 
<div class="calc-btn">+</div> 
 
<br/> 
<br/> 
 
<input id="calcinput"/>