Changing td element text using Javascript

Question

I am writing code for HTML file that will display the number of each sum of dice for 36000 thrown dice. I wrote the code, and everything seems fine, I printed the numbers of each sum and I got numbers, but when I try to put them inside the `<td>` element, I see nothing in the table. I searched on Stack Overflow and on google and they all said the same thing, but it's not working. Here is my code: ``` /* Position #0 : Sum of Dices = 2 Position #1 : Sum of Dices = 3 Position #2 : Sum of Dices = 4 Position #3 : Sum of Dices = 5 Position #4 : Sum of Dices = 6 Position #5 : Sum of Dices = 7 Position #6 : Sum of Dices = 8 Position #7 : Sum of Dices = 9 Position #8 : Sum of Dices = 10 Position #9 : Sum of Dices = 11 Position #10: Sum of Dices = 12 */ var sums = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; for (var i = 0; i < 36000; i++) { var dice1 = Math.floor(Math.random() * 6) + 1; var dice2 = Math.floor(Math.random() * 6) + 1; var sum = dice1 + dice2; switch (sum) { case 2: sums[0]++; break; case…

Accepted Answer

Use windows.onload function to be sure html is loaded:

```
window.onload=function(){

document.getElementById("sum2").innerHTML = sums[0];
        document.getElementById("sum3").innerHTML = sums[1];
        document.getElementById("sum4").innerHTML = sums[2];
        document.getElementById("sum5").innerHTML = sums[3];
        document.getElementById("sum6").innerHTML = sums[4];
        document.getElementById("sum7").innerHTML = sums[5];
        document.getElementById("sum8").innerHTML = sums[6];
        document.getElementById("sum9").innerHTML = sums[7];
        document.getElementById("sum10").innerHTML = sums[8];
        document.getElementById("sum11").innerHTML = sums[9];
        document.getElementById("sum12").innerHTML = sums[10];
};
```

Changing td element text using Javascript

Solution

Problem