javascript - refresh html table with onclick -

javascript - refresh html table with onclick -

i'm trying refresh table onclick button, nil comes out. can't figure out wrong here. ideas?

<div id="mytable"> <table> <tr> <td>{{ random_number }}</td> <td>{{ random_number }}</td> <td>{{ random_number }}</td> </tr> </table> </div> <script> function reload() { document.getelementbyid('mytable').innerhtml; } </script> <button onclick="reload()">refresh table</button>

its not clear trying refresh, assuming trying generate , refresh random numbers in table, yu can seek this:-

js

function reload() { document.getelementbyid('td1').innerhtml=genrand(); document.getelementbyid('td2').innerhtml=genrand(); document.getelementbyid('td3').innerhtml=genrand(); } function genrand(){ homecoming math.floor((math.random() * 10) + 1);//generates random number between 1 , 10 , can edit values generate range. }

html:-

<div > <table border="1"> <tr > <td id="td1">1</td> <td id="td2">2</td> <td id="td3">3</td> </tr> </table> </div> <button onclick="reload()">refresh table</button>

fiddle

javascript html onclick