Я пытаюсь отобразить мои данные о базе данных в списке заказов (ol). Это мои данные из базы данных, которые я собрал, заставив пользователя заполнить форму:
![enter image description here](https://i.stack.imgur.com/SUBBY.png)
Я попытался сделать список размером с setAm или в принципе размер массива (repetitie
). Который работает. Поэтому я попытался ввести значение упражнения, которое, похоже, не может работать, не говоря уже об остальных значениях. Числа и строки работают по-разному? Вот что я попробовал:
Мой Html:
<button onclick ="window.location.href = '#close';getData(); gotData(); writeData(); " href="#close" id="submitButton" class="tester2"> Submit </button>
<p>
<ol class="orderedList" id ="exerciseList">
</ol>
</p>
Мой JS:
const exerciseName = document.getElementById("exercise-search");
const setAmount = document.getElementById("dynamicSet").innerHTML;
var HoeveelheidArr=[];
var Gewicht=[];
var total = 0;
function getData(){
$('#resultTable .HoeveelheidField > input ').each(function() {
HoeveelheidArr.push($(this).val());
});
$('#resultTable .GewichtField > input').each(function() {
Gewicht.push($(this).val());
});
for (var i = 0; i < HoeveelheidArr.length; i++) {
console.log("setAmount:", setAmount);
total += parseInt(HoeveelheidArr[i]) * parseInt(setAmount);
}
console.log("Total:", total);
}
function writeData(){
firebase.database().ref("Exercise").set({
nameExercise: exerciseName.value,
setAm: setAmount, //refresh website
repetitie: HoeveelheidArr,
hoeveelheidKilogram: Gewicht,
totalReps: total,
});
}
var ref = database.ref('Exercise');
function gotData(data){
for (var i = 0; i < HoeveelheidArr.length; i++) {
var li = document.createElement('li');
li.setAttribute('id', "exerciseList");
var text = document.createTextNode(exerciseName.value);
document.getElementById("exerciseList").appendChild(li);
}
}
надеюсь, что вещи не слишком грязные ?. Любая помощь приветствуется