Как написать / переписать в <p>с помощью функции в JavaScript

Question

надеялся, что кто-нибудь сможет помочь.Я хотел бы иметь возможность, чтобы всякий раз, когда массивы, которые я передаю в функцию, менялись, они отображали эти значения в теге абзаца.На данный момент он не переписывает его, и я хочу, чтобы он отображался как шаги (то есть 1. ... 2. ...), но он не обновляет номер шага и не переносит новую строку.Эта функция вызывается в другой функции.

Код на данный момент:

//javascript code
//cred & grade are arrays
function breakdown(cred, grade){
    var change = document.getElementById('bdown'); //'bdown' is the id of the <p>
    var to;
    var a = 1;
    var x = 0;          

    for(var b = 0; b<cred.length; b++){
        //alert(a)

        to += a + ". (" + cred[b] + " x " + grade[b] + ")" + "<br /"; //show the step number and the values then take a new line
        a++; //increment the step number

        change.innerHTML=bdown.innerHTML.replace(change.textContent,to ); //wish to change <p>
    }
}

//html code
// the paragraph wish to change
<div id="how"; style="color:white;display: none">
    <p id="bdown"></p>
</div>

Использование кода:

var to = "";
for(var b = 0; b<cred.length; b++){
    to += "(" + grade[b] + " x " + cred[b] + ") + ";}

... .getElementById('').innerHTML = to;

Ожидаемый результат с cred = [10, 20], grade = [11, 21]:

1. (10 x 11) + (20 x 21) <- расширяется, когда к массивам добавляются значения. </li>

Фактический вывод:

1. (не определено) <- не изменяется </li>

У меня не запущен jquery на моей платформе кодирования, поэтому код JavaScript был бы действительноотлично :) 1021 *

Answer 1

Чтобы сделать список пронумерованных шагов, вы хотите использовать тег ol.

Очевидно, вы захотите заполнить тег ol тегами li: P

Answer 2

Вы пробовали упрощенную версию, чтобы посмотреть, работает ли она?Как то так:

document.getElementById("bdown").innerHTML=to;