Search code examples
javascriptonclickappendchild

How can I make a simple table row with numbers using .appendChild?

I'm a beginning programmer and I wondered if someone could help me.

I want to get a table with a row and 7 numbers in table data & making the function react. I tried this but it doesn't work, and I've been looking for some time at it now:

<html>
<head>
<script type="text/javascript">

function maaktable () {
    alert("Hey!");

    var tabdata
        = tabrow.appendChild(document.createElement("td").innerText
        = amount[i];
    var tabrow = tablestart.appendChild(document.createElement("tr");
    var tablestart = document.createElement("table");

    tablestart;
    tabrow;
    for (i = 0; i < 6; i++) {
        tabdata;
    }
}

</script>
</head>
<body>
<button onclick="maaktable()">Begin</button>
</body>
</html>

The problem is it doesn't even alert. What can i do to make this work?

Solution

  • well not sure if this is the intended result but your code does look a little off this should at least get the alert to show and hopefully get you on the right track 

    function maaktable () {
    alert("Hey!");

    var tablestart = document.createElement("table");
    var tabrow = tablestart.appendChild(document.createElement("tr"));

    for (i = 0; i < 6; i++) {
        //tabdata;
         tabrow.appendChild(document.createElement("td").innerText(amount[i]));
    }
}