Не в состоянии добавить значение в определенном месте с помощью Javascript

Question

У меня есть некоторый код Javscript, который используется для получения разметки HTML или текстовых данных от пользователя и отправки их на сервер.

Теперь я помещаю диалоговое окно, которое будет собирать описание кода от пользователя при нажатии кнопки, а также отправляет данные на сервер в качестве описания.

Так что мне нужно все вместе в структурированном кодировании.

Если пользователь помещает некоторый HTML-код в textarea и пытается сохранить его, программа запросит описание, и как только пользователь введет его, описание должно быть сохранено точно до закрытия тега body.

Я попытался добавить строку со значением textarea, но он добавил строку в конце кода, я имею в виду после закрытия тега HTMl. Мне нужно это перед закрытием тега body.

HTML-код

<textarea id="textareaCode"></textarea>
<a href="javascript:void()" onclick="makePage()">Save this code</a>

Код Javascript

<script>

    function makePage(){
    var titlename = document.getElementById("title").value;
    var description = document.getElementById("description").value;

    var comment = document.getElementById('textareaCode').value  += '<p>' + description + '</p>';
    alert (comment);
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
        alert("webpage " + xmlhttp.responseText + " was successfully created!");
    }
    var content = JSON.stringify({ comment: comment, titlename: titlename, description: description});
    xmlhttp.open("POST","makePage.php",true);
    xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xmlhttp.send(content);
    }

</script>

И, наконец, код PHP

<?php
$data = json_decode(file_get_contents('php://input'), true);
$content = $data['comment'];
$description = $data['descriptionname'];
$finalcontent = $content . $description;
$title = $data['titlename'];
$file = trim($title).".html";
file_put_contents("userdata/$file", $finalcontent);
echo $file;
?>

Мне нужен кто-то, кто может поместить это описание переменной точно перед закрытием тега body.

Пожалуйста, проверьте это здесь: https://html5andcss3.org/tryit_2.php

Вы можете написать код слева и нажать Run. Это даст вам некоторый вывод, затем попытайтесь сохранить его из значка сохранения, и он попросит вас указать заголовок и описание.

Answer 1

Возможно, вы захотите попробовать следующий javascript, я не вижу кода jQuery, поэтому я думаю, что вы просто хотите добавить текст после вызова функции:

function makePage(){
var titlename = "title";
var description = "description";

var paragraph = document.createElement("p");
paragraph.innerHTML = description;
document.getElementsByTagName("body")[0].append(paragraph);
var comment = paragraph.outerHTML;
alert (comment);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200)
    alert("webpage " + xmlhttp.responseText + " was successfully created!");
}
var content = JSON.stringify({ comment: comment, titlename: titlename, description: description});
xmlhttp.open("POST","makePage.php",true);
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlhttp.send(content);
}`