Привет всем =)
Есть код
<!DOCKTYPE HTML>
<HEAD>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="inputs">
<input type="text" id="input1" value="1"/>
<input type="text" id="input2" value="1"/>
<p id="newInp"></p>
</div>
<button id="addInput" тфьу="Добавить покупку">Добавить покупку</button>
<button id="doSum" value="сложить числа" >Сложить числа</button>
<p id="line">Cумма ваших покупок</p>
<div id="sum"> </div>
</body>
<script src="alert.js"></script>
var inputsCount = 2;
function createInput() { //создаем новые инпуты и присваиваем им id
if (inputsCount<7) {
newInp.innerHTML+= '<input value="1" id=" input' + (inputsCount + 1) + '"></input>';
inputsCount++; console.log(inputsCount)
return inputsCount;
}
else {
alert('Максимальное колличество вводов');
}
}
addInput.addEventListener('click', createInput); //добавляем инпут
function sumVar() { //считываем валью добавленных инпутов
let box = 0;
for (i = 0; i < inputsCount ; i++) { console.log(i)
box+= parseInt(document.getElementById(' input' + (i + 1) + '').value);
}
document.getElementById('sum').innerHTML = box; // в блок sum выводим сумму
}
doSum.addEventListener('click', sumVar); // Кнопка суммы
при попытке считать и просуммировать данные всех инпутов выдает ошибку переменная i = 0 . Но есть в этом цикле поставить значение i = 2. То считает сумму только добавленных инпутов. Как это исправить? Заранее спасибо за помощь.