私はゼロからウェブサイトのプロジェクトに取り組んでいます。メイン ページのコンテンツ セクションには、クラス「blog」のフォームと div があります。ユーザーが管理者アカウントでログインすると、フォームが表示されます。これにより、ブログに投稿するタイトルとコンテンツを選択できます。ページが更新されると投稿が削除されるという事実を除いて、現在のコードはうまく機能します。これをページに永続的に追加するにはどうすればよいですか?
これが私のコードです:
<script type="text/javascript">
function addtext() {
var title = document.blogform.title.value;
var content = document.blogform.content.value;
var $blogTitle = $('<div class="blogtitle">' + title + '</div>');
var $blogContent = $('<div class="blogbody">' + content + '</div>');
$('#blog').prepend($blogContent);
$('#blog').prepend($blogTitle);
}
</script>
<h2>Submit New Blog Post</h2>
<div class="blogtitle">Submit a new blog post:</div>
<div class="blogbody">
<form name="blogform">
<fieldset class="fieldsetoffset"><legend>Post</legend>
<div>Title of Post:</div>
<input type="text" name="title">
<div>Content of Post:</div>
<textarea name="content" class="comment" rows="6" cols="88"></textarea>
<hr>
<input type="button" value="Add New Text" onClick="addtext();">
</fieldset>
</form>
</div>
<div id="blog"></div>