Pushing numbers being generated by a javascript "for" loop into an array and later print out each number out to HTML

Question

        var firstNum = 1;
        var secondNum = 2;
        var fibonacciNum;
        var myArray = [];

        for (var k = 3; k <=15; k++) {

            fibonacciNum = firstNum + secondNum;
            firstNum = secondNum;
            secondNum = fibonacciNum;
            
            myArray.push(fibonacciNum);

        }

im trying to push the numbers from the loop into myArray and later putting each number as a list item in an unordered list

there is a better algorithm to provide Fibonacci numbers (using matrix multiplication) — Pavel Gatnar, Mar 10 '15 at 16:26
im still new to javascript, so i understnd it this way. but how then do i later put the array values into an unordered list — Andrew Bundo, Mar 10 '15 at 16:31
check this: http://www.w3schools.com/js/js_array_methods.asp — Pavel Gatnar, Mar 10 '15 at 16:34
write `
` in your html page, then in JS find this element using document.getElementById("fin") and apply the solution from http://stackoverflow.com/questions/17773938/add-a-list-item-through-javascript — Pavel Gatnar, Mar 10 '15 at 16:53

score 0 · Answer 1 · answered Mar 10 '15 at 16:26

0

Replace

//fibonacciNum.push(myArray.length);

with

myArray.push(fibonacciNum);

answered Mar 10 '15 at 16:26

yas

3,520
4
25
38

score 0 · Answer 2 · answered Mar 10 '15 at 18:35

So, assuming you want to add a new Unordered list to the DOM: (this will work for any array...)

function addUl(arr) {
    //A <ul> is created and appended to the DOM
    var ul = document.createElement("ul");
    ul.setAttribute("id", "list");
    document.body.appendChild(ul);

    var li;
    var element;
    //A <li> is created and filled with an element each time
    //the element will change to the next array element every lap (a)
    arr.forEach(function (a) {
        li = document.createElement("li");
        element = document.createTextNode(a);
        li.appendChild(element);
        document.getElementById("list").appendChild(li);
    });
}

here you can se how it works: example

By the way, if you use jQuery your life will be easier...

Pushing numbers being generated by a javascript "for" loop into an array and later print out each number out to HTML

2 Answers2