Отображение базы данных о пожаре в списке (OL) - PullRequest
0 голосов
/ 02 апреля 2020

Я пытаюсь отобразить мои данные о базе данных в списке заказов (ol). Это мои данные из базы данных, которые я собрал, заставив пользователя заполнить форму:

enter image description here

Я попытался сделать список размером с 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);
    }
}

надеюсь, что вещи не слишком грязные ?. Любая помощь приветствуется

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...