comments 相关问题

这是我的全部事情，我只是希望我的评论能有所帮助。论坛这就是我的全部事情，我只是希望我的评论能有所帮助。 <!DOCTYPE html> <html> <head> <title>Forum</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="pixel"> <br> <br> <div class="blackBox"> <p class="white">| <a class="white" href="file:///home/chronos/u-885ea83f13a0b735b4185df5cf6edb6dafb04e43/MyFiles/HTML%20Final/index.html">Home</a> | <a class="white" href="file:///home/chronos/u-885ea83f13a0b735b4185df5cf6edb6dafb04e43/MyFiles/HTML%20Final/textboxPhase.html">Textbox Phase</a> | <a class="white" href="file:///home/chronos/u-885ea83f13a0b735b4185df5cf6edb6dafb04e43/MyFiles/HTML%20Final/breakoutPhase.html">Breakout Phase</a> | <a class="white" href="file:///home/chronos/u-885ea83f13a0b735b4185df5cf6edb6dafb04e43/MyFiles/HTML%20Final/goatPhase.html">Goat Cage Phase</a> | <a class="white" href="file:///home/chronos/u-885ea83f13a0b735b4185df5cf6edb6dafb04e43/MyFiles/HTML%20Final/forum.html">Forum</a> |</p> </div><br> <br> <h1>Welcome to The "There is no Game" Forum</h1> <div class="container"> <h2>Leave us a comment</h2> <form> <textarea id="" placeholder="Add Your Comment" value=" "></textarea> <div class="btn"> <input id="submit" type="submit" value="Comment"> <button id="clear">Clear</button> </div> </form> <div class="comments"> <h2>Comments</h2> <div id="comment-box"> <ul> <li>WELCOME</li> </ul> </div> </div> </div> <script type="text/javascript"> const field = document.querySelector('textarea'); const backUp = field.getAttribute('placeholder') const btn = document.querySelector('.btn'); const clear = document.getElementById('clear') const submit = document.querySelector('#submit') // const comments = document.querySelector('#comment-box') const comments = document.getElementById('comment-box'); // array to store the comments const comments_arr = []; // to generate html list based on comments array const display_comments = () => { let list = '<ul>'; comments_arr.forEach(comment => { list += `<li>${comment}<\/li>`; }) list += '<\/ul>'; comments.innerHTML = list; } clear.onclick = function(event){ event.preventDefault(); // reset the array comments_arr.length = 0; // re-genrate the comment html list display_comments(); } submit.onclick = function(event){ event.preventDefault(); const content = field.value; if(content.length > 0){ // if there is content // add the comment to the array comments_arr.push(content); // re-genrate the comment html list display_comments(); // reset the textArea content field.value = ''; } } </script><br> <br> <br> <div class="as-console-wrapper"> <div class="as-console"></div> </div> </div> </div> </body> </html 我知道这段代码可以工作，但每次我重新加载它时，注释都会消失，我希望保存它，并且所有代码都太复杂，我的新代码大脑无法理解。这是我的网站的，它是一个关于如何打败旧游戏的基本维基。我需要把它变成我的教授，并想添加一些额外的东西，但我想要它，所以如果我发布这个评论部分不仅仅是一个愚蠢的噱头。有两种方法可以做到这一点。 #1，保存到计算机缓存。 #2，将其保存在服务器中出于您的目的，我建议将其保存到您计算机的缓存中，但是，如果您希望评论也显示在其他人的计算机上，您需要一台服务器。如果你想学习如何缓存东西，我推荐这篇文章： JS如何缓存变量

html json http comments forum

回答 1 投票 0

comments 相关问题

最新问题