add a permenant html element with javascript

Question

i want to make so when I create the TD element for the HTML I want it to stay there after the page refreshes. Right now the element just disappears when I refresh the page. Can someone give me some Tips on how to solve this problem?

 if(SkottX == posX && SkottY >= 510){ alert("Your Finale Score is " + Score); myFunction(); location.reload(); } function myFunction() { var table = document.getElementById("table"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "Score:"; cell2.innerHTML = Score; }

 <html> <head> <meta charset="UTF-8"> <style> table, td { border: 1px solid black; } td{ height: 20px; width: 25px; } </style> </head> <body onLoad="Initialise()"> <canvas id="myCanvas" width="900" height="600" style="border:10px solid #000070"> </canvas> <button onclick="gameState = states.RUNNING">Start!</button> <table id="table" height="900" width="1200" style="display: inline-block"> </table> <script src="JSgameStarship3.js"> </script> </body> </html>

Answer 1

If you only modify the in-memory DOM of the current page, then that is all you will modify.

To persist the changes, you need to explicitly store them.

There are two basic approaches to this:

Store them somewhere on the client (such as in localStorage ) and use JavaScript to look for the data you stored with the page loads and to reapply the changes if any are found.
Make an HTTP request (eg with XMLHttpRequest ) to the server and use server-side code to store the change. If you take this approach, you'll probably want to generate the page using server-side and and data from a database.

add a permenant html element with javascript

Question

1 answers

solution1
1 ACCPTED 2017-11-30 09:25:06

add a permenant html element with javascript

Question

1 answers

solution1 1 ACCPTED 2017-11-30 09:25:06

solution1
1 ACCPTED 2017-11-30 09:25:06